darksam0000
Messages postés132Date d'inscriptionmardi 24 juin 2008StatutMembreDernière intervention27 septembre 2020
-
Modifié par darksam0000 le 20/11/2014 à 10:53
cgandco
Messages postés219Date d'inscriptionmercredi 26 octobre 2011StatutMembreDernière intervention22 juin 2017
-
21 nov. 2014 à 16:36
Bonjour,
Question simple : comment pourrais-je faire pour centrer sur les écrans, mon pop-up avec le code source JS que voici :
Code source JavaScript :
var popUp = document.getElementById("popupcontent"); popUp.style.top = "30%"; popUp.style.left = "50%"; popUp.style.width = w + "px"; popUp.style.height = h + "px";
if (baseText == null) baseText = popUp.innerHTML; popUp.innerHTML = baseText + "<div id=\"statusbar\"><button onclick=\"hidePopup();\">Fermer cette page</button></div>";
var baseText = null;
function showPopup(w,h){ var popUp = document.getElementById("popupcontent");
popUp.style.top = "200px"; popUp.style.left = "200px"; popUp.style.width = w + "px"; popUp.style.height = h + "px";
if (baseText == null) baseText = popUp.innerHTML; popUp.innerHTML = baseText + "<div id=\"statusbar\"><button onclick=\"hidePopup();\">Fermer cette page</button></div>";
cgandco
Messages postés219Date d'inscriptionmercredi 26 octobre 2011StatutMembreDernière intervention22 juin 20179 20 nov. 2014 à 15:40
bonjour,
pour centrer le popup horizontalement, place le directement dans le body et dans ton css, il faut lui mettre un position:relative; margin-left:auto; margin-right:auto; width:salargeur;
<body style="width:100%;">
<div id="tonpopupid" style="position:relative; margin-left:auto; margin-right:auto; width:200px;" >
<les boutons ect.. en position:absolute; + top et left par rapport à ton popup>
</div>
pour ce qui est du centrage vertical, en javascript avec document.body.offsetHeight et autres pour calculer et affecter lle top calculé avec document.getElementById("tonpopupid").style.top = valeur + 'px';
Attention il faut chercher pour équivalent à offsetHeight pour les différents navigateur.