MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
 
(12 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
//Fonction utilisée pour fermer la popup et enlever la classe selected sur le lien
+
$(function () {
function deselect(e) {
+
  var myElement = document.getElementById('popupr');
$('.pop').slideFadeToggle(function()
+
  myElement.innerHTML = '<button id="button1" onclick = document.getElementById("popup1").style.top="200px"> 1</button>';
{
+
e.removeClass('selected');
+
});
  });  
+
 
}
+
$(function () {
$(function()
+
  var myElement = document.getElementById('btnClose');
{
+
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup1").style.top="-300px">&times; </button>';
//Fonction appelée lorsque l'on clique sur le lien Afficher la fenêtre
+
   
  $('#afficherPopup').on('click', function()
+
});
  {
+
 
if($(this).hasClass('selected'))
+
 
  {
+
$(function () {
deselect($(this));  
+
  var myElement = document.getElementById('popupr2');
  }
+
  myElement.innerHTML = '<button id="button2" onclick = document.getElementById("popup2").style.top="200px"> 2</button>';
else
+
   
{
+
});
$(this).addClass('selected');
+
 
  $('.pop').slideFadeToggle();
+
$(function () {
  }
+
  var myElement = document.getElementById('btnClose2');
return false;
+
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup2").style.top="-1000px">&times; </button>';
  });
+
   
//Fonction appelée lorsque l'on clique sur le lien Fermer la fenêtre
+
});
  $('.close').on('click', function()
+
 
  {
+
$(function () {
deselect($('#afficherPopup'));
+
  var myElement = document.getElementById('popupr3');
  return false;
+
  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>';
 +
 
});
 
});
//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');
+
   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>';
 
});