MediaWiki: Popup.js : Différence entre versions

Version du 16 avril 2019 à 15:57

//Fonction utilisée pour fermer la popup et enlever la classe selected sur le lien
$(function () {
  $('#mw-mywiki-example').html('<div class=contenu popup>
 <p>Ce message va être affiché dans la popup.</p>
 <p><a class=close href=/>Fermer la fenêtre</a></p>
</div>
<a href=/popup id=afficherPopup>Afficher la fenêtre</a>');
}());

$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);
};

$('#afficherPopup').on('click', function()
{
 $(#popup).dialog();
}