MediaWiki: Popup.js : Différence entre versions
De ECU
| Ligne 1 : | Ligne 1 : | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
$(function () { | $(function () { | ||
$('#mw-mywiki-example').html('<div class=contenu popup> | $('#mw-mywiki-example').html('<div class=contenu popup> | ||
Version du 16 avril 2019 à 16:09
$(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();
}
