MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
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: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();
}