MediaWiki: Popup.js : Différence entre versions

Version du 16 avril 2019 à 16:05

.contenu 
{
 background-color:#FFFFFF;
 border:1px solid #999999;
 cursor:default;
 display:none;
 margin-top: 15px;
 position:absolute;
 text-align:left;
 width:400px;
 z-index:50;
 padding: 25px 25px 20px;
}
a.selected {
 background-color:#1F75CC;
 color:white;
 z-index:100;
}
$(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();
}