MediaWiki: Popup.js : Différence entre versions
De ECU
| 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 | + | $('#mw-mywiki-example').html('any HTML'); |
| − | + | }()); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Version du 16 avril 2019 à 15: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');
}());
