Fenêtre centrée en JavaScript

Fenêtre centrée en JavaScript - HTML/CSS - Programmation

Marsh Posté le 07-11-2007 à 05:05:42    

Bonjour,
 
Tout le monde connaît l'astuce pour afficher une fenêtre (genre pop-up) centrée, il suffit de calculer son positionnement en fonction de la largeur et de la hauteur de l'écran et de la fenêtre.  Il suffit d'utiliser les propriétés screen.width et screen.height.  Je le fais déjà et ça fonctionne très bien.  Mais je cherche à centrer la fenêtre en fonction de la fenêtre principale, pas en fonction de l'écran.  Je me suis dit qu'il suffirait de remplacer screen.width par window.width ou encore document.width, etc. mais ça ne fonctionne pas.  Pouvez-vous me dire comment obtenir les dimensions de la fenêtre (IE ou Firefox) d'où sera appelée la pop-up ?
 
Merci !   :)

Reply

Marsh Posté le 07-11-2007 à 05:05:42   

Reply

Marsh Posté le 07-11-2007 à 09:42:10    

window.opener

Reply

Marsh Posté le 07-11-2007 à 21:03:15    

OK donc j'aurai les dimensions dans window.opener.width et window.opener.length ?


Message édité par GrizzzlyBear le 07-11-2007 à 21:04:52
Reply

Marsh Posté le 08-11-2007 à 23:13:58    

Suppose que la fenetre que tu veux centrer a été créée et ouverte via  window.open,alors window.opener pointe vers la fenetre mère ("window" dans ce cas est la fenetre courante !).
 
Ensuite pour choper les tailles des viewports et te battre avec les diverses implémtations de chaque browser, tu peux mater ca : http://www.quirksmode.org/js/winprop.html (et même en gros tout le site, car c'est une mine d'infos !! ;))


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 05-12-2007 à 01:00:38    

OK, j'ai fini par trouver, grâce à ton site !
 
document.body.clientWidth
document.body.clientHeight
 
Ça marche aussi bien sous IE que sous Firefox.
 
Merci !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed