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