Version imprimable
Bonjour,
Je cherche tout simplement à centrer verticalement une fenêtre avec hauteur automatique (height:auto) dans le navigateur.
Sauf que dans ce cas, je ne sais pas comment récupérer la hauteur de la fenêtre en JS.
J'utilise normalement prototype et la fonction getDimensions, mais rien ne m'y oblige dans ce cas.
Une idée ?
Merci beaucoup,
A+ benjamin.
pour centrer un élément verticalement , avec une height en auto, il te faut récupérer la hauteur du contenu avec offsetHeight , puis positionner ton élément ( en absolu ! ) a top:50%; et enfin margin-top:- offsetHeight /2.
Ceci est l'algorithme ! tu n'as plus qu'a adapter :)
Ok, alors je me rend compte que le problème était un peu plus complexe.
J'ai écris une classe JS qui est censée me charger n'importe quel contenu via une requête Ajax dans une fenêtre modal.
Cette fenêtre "container" doit donc avoir une hauteur auto.
Jusque là facile.
La classe fonctionne comme suis:
- création des éléments (overlay, container)
- chargement du contenu (via Ajax.Updater)
-> Succès = centrage + Effect.Appear
Sauf qu'au moment où j'appelle la méthode (this.center()) qui est censée centrer le container dans la fenêtre, offsetHeight vaut 0. Et si j'effectue le Appear avant, je perd tous mes effets, puisque la fenêtre apparait puis se centre ensuite.
On dirait que la valeur de la hauteur vaut 0 tant que l'élément n'est pas visible. C'est gênant, je voudrais pouvoir connaitre la hauteur du container avant de l'afficher à l'utilisateur.
Merci pour ton aide :)
A+ benjamin.
oui la hauteur est a 0 si tu as un display : none ;-)