MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
 
(7 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
$(function () {
 
$(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>';
 +
 +
});
  
   var myElement = document.getElementById('popupr');
+
$(function () {
   myElement.innerHTML = '<form name="f_popup">
+
   var myElement = document.getElementById('popupr5');
   <p>Le Popup aura pour titre : <input type='text' value='Tout JavaScript.com' name="titre">
+
   myElement.innerHTML = '<button id="button5" onclick = document.getElementById("popup5").style.top="200px"> 5</button>';
   <p>Vous pouvez mettre votre nom : <input type='text' value='Visiteur' name="nom">
+
   <p><input type="button" value="Générer le popup" onclick="popup()">
+
});
   </form>
+
 
 +
$(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 popup() {
+
$(function () {
   w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');
+
   var myElement = document.getElementById('popupr9');
   w.document.write("<title>"+document.forms["f_popup"].elements["titre"].value+"</title>");
+
   myElement.innerHTML = '<button id="button9" onclick = document.getElementById("popup9").style.top="200px"> 9</button>';
  w.document.write("<body> Bonjour "+document.forms["f_popup"].elements["nom"].value+"<br><br>");
+
  w.document.write("Ce popup n'est pas un fichier HTML, ");
+
});
  w.document.write("il est écrit directement par la fenêtre appelante");
 
  w.document.write("</body>");
 
  w.document.close();
 
}';
 
  
}());
+
$(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>';
 
});