Discussion :

[Alabama-song]

Re a tous!
J'ai réalisé un popup avec une div et pas une page!
mon souci mnt est de gerer la position du popup par rapport à la page et non pas au click!
je m'explique: lors du click sur l'objet qui declanche le popup, mon popup apparé, sauf que, dans le cas de la page que j'ai creee, il se lance a la droite de la page donnant naissance a un scroll horizental!
est il possible de donner une position (x, y) au divpopup au lancement au lieu kil se lance a la position (x, y) actuelle du curseur?

Bouchra

[E.Bzz]

Bonjour,
avec les CSS directement dans le tag

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id='le_div' style="top:50px;left:200px;">

ou en les modifiant en JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById('le_div').style.top="50px";
document.getElementById('le_div').style.left="200px";

A+

[SpaceFrog]

a condition qui'l soit en position absolute

[E.Bzz]

a condition qui'l soit en position absolute

Exact : un oubli

[Alabama-song]

enfet! ca ne marche pas!
j'ai essyer la methode sur le css, car j'ai d'autres popup pour lequels je veux pas de repositionnement, mais ca n'a rien donner le top et le left
pourquoi d'apres vous?

[E.Bzz]

enfet! ca ne marche pas!
j'ai essyer la methode sur le css, car j'ai d'autres popup pour lequels je veux pas de repositionnement, mais ca n'a rien donner le top et le left
pourquoi d'apres vous?

Si tu as déjà pris en compte la remarque de SpaceFrog (position:absolute), il faudrait voir ton code ...

A+

[Alabama-song]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="popupWindow" id="divHorloge"  style="top:900px;left:900px; text-align:left; font-size: 10px; z-index: 1;  visibility: visible;
overflow: auto;  width: 615px;
position: absolute; height: 500px;   font-family :Tahoma;                  
scrollbar-base-color:#efefef; scrollbar-darkshadow-color:#efefef; 
scrollbar-arrow-color:gray; scrollbar-face-color:Gainsboro;
scrollbar-3dlight-color:#efefef; scrollbar-shadow-color:white; scrollbar-track-color:white">
</div>