MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
Ligne 1 : Ligne 1 :
 +
//Fonction utilisée pour fermer la popup et enlever la classe selected sur le lien
 +
function deselect(e) {
 +
$('.pop').slideFadeToggle(function()
 +
{
 +
e.removeClass('selected');
 +
});
 +
}
 +
$(function()
 +
{
 +
//Fonction appelée lorsque l'on clique sur le lien Afficher la fenêtre
 +
$('#afficherPopup').on('click', function()
 +
{
 +
if($(this).hasClass('selected'))
 +
{
 +
deselect($(this));
 +
}
 +
else
 +
{
 +
$(this).addClass('selected');
 +
$('.pop').slideFadeToggle();
 +
}
 +
return false;
 +
});
 +
//Fonction appelée lorsque l'on clique sur le lien Fermer la fenêtre
 +
$('.close').on('click', function()
 +
{
 +
deselect($('#afficherPopup'));
 +
return false;
 +
});
 +
});
 +
//Fonction d'animation de la fenêtre. Elle permet d'afficher ou de masquer la fenêtre
 +
$.fn.slideFadeToggle = function(easing, callback)
 +
{
 +
return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
 +
};
  
 
+
$(function () {
function popup() {
+
   $('#mw-mywiki-example').html('any HTML');
   w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');
+
}());
  w.document.write("Ce popup n'est pas un fichier HTML, ");
 
  w.document.write("il est écrit directement par la fenêtre appelante");
 
  w.document.write("</body>");
 
  w.document.close();
 
  var myElement = document.getElementById('mw-popup');
 
}
 

Version du 16 avril 2019 à 16:52

//Fonction utilisée pour fermer la popup et enlever la classe selected sur le lien
function deselect(e) {
 $('.pop').slideFadeToggle(function()
 {
 e.removeClass('selected');
 }); 
}
$(function()
{
 //Fonction appelée lorsque l'on clique sur le lien Afficher la fenêtre
 $('#afficherPopup').on('click', function()
 {
 if($(this).hasClass('selected'))
 {
 deselect($(this)); 
 }
 else
 {
 $(this).addClass('selected');
 $('.pop').slideFadeToggle();
 }
 return false;
 });
 //Fonction appelée lorsque l'on clique sur le lien Fermer la fenêtre
 $('.close').on('click', function()
 {
 deselect($('#afficherPopup'));
 return false;
 });
});
//Fonction d'animation de la fenêtre. Elle permet d'afficher ou de masquer la fenêtre
$.fn.slideFadeToggle = function(easing, callback)
{
 return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};

$(function () {
  $('#mw-mywiki-example').html('any HTML');
}());