MediaWiki: Popup.js

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.

//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();
}