Fenêtre contextuelle DHTML

J'essaie de créer une fenêtre DHTML sur mon site Web et je peux l'obtenir en mode popup pour moi. Le problème que j'ai avec lui est quand il apparaît, il déplace le texte sur la page. Je l'ai vu des exemples de popups DHTML où cela ne se produit pas par exemple ici: http://dhtmlpopups.webarticles.org/basics.php ou ici: http://www.php-development.ru/javascripts/popup-window.php Fenêtre contextuelle DHTML

Je ne peux pas comprendre ce que je fais mal la balise div pour mon pop-up ressemble à ce

<div id="loginPopup" style="position: relative; display:none; z-index: 500;"><div class="closeButton" onClick="javascript:document.getElementById('loginPopup').style.display = 'none';"></div></div>

Mon site utilise aussi un template et css que je suis sorti du filet, est-ce que ça pourrait être le problème? Je ne sais pas quoi faire pour corriger cela, toute aide serait géniale.

Merci!

Source

2009-11-11 cskwrd

Je vous recommande de mettre toutes vos fenêtres popup dans une largeur de 1px et une hauteur de 1px position absolument dans le coin supérieur de votre page. Pour deux raisons ... 1. Vous ne voulez pas que le balisage des fenêtres pop-up soit mélangé avec tout le reste, car vous pourriez accidentellement mettre un jour la position: relative sur la div principale et cela jettera vos coordonnées de fenêtre 2. Si vous voulez supprimer la div pop up en utilisant javascript, il est plus facile de trouver son parent dans le Dom. – Zoidberg

Vous souhaitez positionner le div comme «absolu» et non «relatif». J'utiliserais alors les attributs 'top' et 'left' pour positionner la fenêtre.

div.loginPopup { 
    position:aboslute; 
    top:50px; 
    left: 50px; 
}

Source

2009-11-11 17:50:46 ianpoley

Tous les deux obtiennent un vote de moi parce que je ne sais pas qui a posté le premier! – Zoidberg

haha, assez juste. merci :) – ianpoley

J'ai posté en premier: p –

Utilisez le positionnement absolu si vous ne souhaitez pas que vos autres éléments soient déplacés.

Source

2009-11-11 17:50:08

Fenêtre contextuelle DHTML

Répondre

Questions connexes