MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
 
(8 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
$(function () {
 
$(function () {
   $('#mw-mywiki-example').html('<div class=contenu popup>
+
   var myElement = document.getElementById('popupr');
  <p>Ce message va être affiché dans la popup.</p>
+
  myElement.innerHTML = '<button id="button1" onclick = document.getElementById("popup1").style.top="200px"> 1</button>';
  <p><a class=close href=/>Fermer la fenêtre</a></p>
+
   
</div>
+
});
<a href=/popup id=afficherPopup>Afficher la fenêtre</a>');
+
 
}());
+
$(function () {
 +
  var myElement = document.getElementById('btnClose');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup1").style.top="-300px">&times; </button>';
 +
   
 +
});
 +
 
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr2');
 +
  myElement.innerHTML = '<button id="button2" onclick = document.getElementById("popup2").style.top="200px"> 2</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose2');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup2").style.top="-1000px">&times; </button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr3');
 +
  myElement.innerHTML = '<button id="button3" onclick = document.getElementById("popup3").style.top="200px"> 3</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose3');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup3").style.top="-1000px">&times; </button>';
 +
 +
});
 +
 
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr4');
 +
  myElement.innerHTML = '<button id="button4" onclick = document.getElementById("popup4").style.top="200px"> 4</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose4');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup4").style.top="-300px">&times; </button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr5');
 +
  myElement.innerHTML = '<button id="button5" onclick = document.getElementById("popup5").style.top="200px"> 5</button>';
 +
 +
});
  
$function deselect(e) {
+
$(function () {
$('.pop').slideFadeToggle(function()
+
  var myElement = document.getElementById('btnClose5');
{
+
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup5").style.top="-300px">&times; </button>';
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()
+
$(function () {
{
+
  var myElement = document.getElementById('popupr6');
  $(#popup).dialog();
+
  myElement.innerHTML = '<button id="button6" onclick = document.getElementById("popup6").style.top="200px"> 6</button>';
}
+
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose6');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup6").style.top="-1000px">&times; </button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr7');
 +
  myElement.innerHTML = '<button id="button7" onclick = document.getElementById("popup7").style.top="200px"> 7</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose7');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup7").style.top="-1000px">&times; </button>';
 +
   
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr8');
 +
  myElement.innerHTML = '<button id="button8" onclick = document.getElementById("popup8").style.top="200px"> 8</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose8');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup8").style.top="-1000px">&times; </button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('popupr9');
 +
  myElement.innerHTML = '<button id="button9" onclick = document.getElementById("popup9").style.top="200px"> 9</button>';
 +
 +
});
 +
 
 +
$(function () {
 +
  var myElement = document.getElementById('btnClose9');
 +
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup9").style.top="-1000px">&times; </button>';
 +
 +
});

Version actuelle datée du 13 mai 2019 à 10:35

$(function () {
  var myElement = document.getElementById('popupr');
  myElement.innerHTML = '<button id="button1" onclick = document.getElementById("popup1").style.top="200px"> 1</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup1").style.top="-300px">&times; </button>';
 
});


$(function () {
  var myElement = document.getElementById('popupr2');
  myElement.innerHTML = '<button id="button2" onclick = document.getElementById("popup2").style.top="200px"> 2</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose2');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup2").style.top="-1000px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr3');
  myElement.innerHTML = '<button id="button3" onclick = document.getElementById("popup3").style.top="200px"> 3</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose3');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup3").style.top="-1000px">&times; </button>';
 
});


$(function () {
  var myElement = document.getElementById('popupr4');
  myElement.innerHTML = '<button id="button4" onclick = document.getElementById("popup4").style.top="200px"> 4</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose4');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup4").style.top="-300px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr5');
  myElement.innerHTML = '<button id="button5" onclick = document.getElementById("popup5").style.top="200px"> 5</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose5');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup5").style.top="-300px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr6');
  myElement.innerHTML = '<button id="button6" onclick = document.getElementById("popup6").style.top="200px"> 6</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose6');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup6").style.top="-1000px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr7');
  myElement.innerHTML = '<button id="button7" onclick = document.getElementById("popup7").style.top="200px"> 7</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose7');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup7").style.top="-1000px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr8');
  myElement.innerHTML = '<button id="button8" onclick = document.getElementById("popup8").style.top="200px"> 8</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose8');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup8").style.top="-1000px">&times; </button>';
 
});

$(function () {
  var myElement = document.getElementById('popupr9');
  myElement.innerHTML = '<button id="button9" onclick = document.getElementById("popup9").style.top="200px"> 9</button>';
 
});

$(function () {
  var myElement = document.getElementById('btnClose9');
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup9").style.top="-1000px">&times; </button>';
 
});