MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
 
(11 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 () {
−
   $('#mw-mywiki-example').html('any HTML');
+
   var myElement = document.getElementById('popupr');
−
}());
+
  myElement.innerHTML = '<button id="button1" onclick = document.getElementById("popup1").style.top="200px"> 1</button>';
−
function deselect(e) {
+
−
$('.pop').slideFadeToggle(function()
+
});
−
{
+
 
−
e.removeClass('selected');
+
$(function () {
−
  });  
+
  var myElement = document.getElementById('btnClose');
−
}
+
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup1").style.top="-300px">&times; </button>';
−
$(function()
+
−
{
+
});
−
//Fonction appelée lorsque l'on clique sur le lien Afficher la fenêtre
+
 
−
  $('#afficherPopup').on('click', function()
+
 
−
  {
+
$(function () {
−
if($(this).hasClass('selected'))
+
  var myElement = document.getElementById('popupr2');
−
  {
+
  myElement.innerHTML = '<button id="button2" onclick = document.getElementById("popup2").style.top="200px"> 2</button>';
−
deselect($(this));  
+
−
  }
+
});
−
else
+
 
−
{
+
$(function () {
−
  $(this).addClass('selected');
+
  var myElement = document.getElementById('btnClose2');
−
  $('.pop').slideFadeToggle();
+
  myElement.innerHTML = '<button id="btnClose" onclick=document.getElementById("popup2").style.top="-1000px">&times; </button>';
−
  }
+
−
return false;
+
});
−
  });
+
 
−
//Fonction appelée lorsque l'on clique sur le lien Fermer la fenêtre
+
$(function () {
−
  $('.close').on('click', function()
+
  var myElement = document.getElementById('popupr3');
−
  {
+
  myElement.innerHTML = '<button id="button3" onclick = document.getElementById("popup3").style.top="200px"> 3</button>';
−
deselect($('#afficherPopup'));
+
   
−
  return false;
+
});
−
});
+
 
 +
$(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>';
 +
 
});
 
});
−
//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);
 
−
};
 

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>';
 
});
Récupérée de « http://www.open4ec.fr/index.php?title=MediaWiki:Popup.js&oldid=1618 »