centrer une fenêtre popup (pas comme dans la faq)

Bonjour, :)

Je cherche à centre une sorte de popup image sur mon écran (et non sur ma page):

j'ai une fonction javascript qui exécute ceci quand je clique sur le lien devant ouvrir la fenêtre:

Code:

---

1 2	var messageBox = new MessagePanel(boxId, "MonMessagePanel", '/images/monImage.gif'); messageBox.Show();

---

Si quelqu'un a une petite idée...?

Merci :)

Citation:

---

Envoyé par cyrano_de_bergerac

Je cherche à centre une sorte de popup image sur mon écran (et non sur ma page)

---

Ben ça tombe bien, c'est précisément ce que fait l'exemple de la FAQ :roll:

Citation:

---

Envoyé par Bovino

Ben ça tombe bien, c'est précisément ce que fait l'exemple de la FAQ :roll:

---

Voici le code pour une pop-up :

Code:

---

1 2 3 4 5 6 7 8

<script type="text/javascript"> function openwindows() { window.open("ipage.html", "", "width=460,height=150,scrollbars=0,left=" + ((screen.width - 460)/2) + ",top=" + ((screen.height - 150)/2) ); } </script>

---

Et voici le code pour une fenêtre modale (valable uniquement pour IE) :

Code:

---

1 2	window.showModalDialog("page.html",null, "dialogWidth:460px;dialogHeight:150px;center:1;scroll:0;help:0;status:0");

---

Désolé, mais je ne vois pas d'objet dans un var, sur lequel je ferai un Show().
J'ai bien compris comment récupérer les dimensions de l'écran, mais ce que je n'arrive pas à faire, c'est appliquer le positionnement à mon var messageBox.

Oui, mais de mon coté, je ne sais pas à quoi correspond ton

Code:

---

new MessagePanel()

---

:mrgreen:

Or, comme j'imagine mal que tu essayes d'afficher une popup de type div en dehors de la page, la seule solution imaginable est de passer par un window.open(), d'où la réponse...

Citation:

---

Envoyé par Bovino

Oui, mais de mon coté, je ne sais pas à quoi correspond ton

Code:

---

new MessagePanel()

---

:mrgreen:

Or, comme j'imagine mal que tu essayes d'afficher une popup de type div en dehors de la page, la seule solution imaginable est de passer par un window.open(), d'où la réponse...

---

Effectivement, je suis allé voir ce quest ce MessagePanel, et dedans, j'ai ceci:

Code:

---

this.messageDiv.style.top = (screen.height - this.messageDiv.offsetHeight) / 2;

---

Le problème est que je dois quand même remonter l'ascenceur pour visualiser ma popup, qui se trouvera bien au centre de l'écran une fois l'ascenceur remontée tout en haut...

rajoute le scrollTop

De toute façon, ta façon de procéder ne correspond pas à ce que tu souhaites : tu récupères des coordonnées en fonction de la taille de l'écran (screen.height, screen.width), mais l'affichage sera toujours en fonction du document. Donc imagine que le visiteur n'aie pas son navigateur en plein écran, dans ce cas, l'affichage deviendra problématique...

Bon j'ai trouvé! :ccool:

Ce que je fais, c'est que je récupère la position de mon scroll, comme expliqué ici.

Et je récupère la 2ème valeur du tableau retourné, que je place dans style.top de mon messageBox.

scrollLeft
j'étais pas loin avec mon scrollTop ...

Citation:

---

Envoyé par SpaceFrog

scrollLeft
j'étais pas loin avec mon scrollTop ...

---

Ben tu étais dans le mille car c'est justement le scrollTop qu'il me fallait! :)