Discussion :

[legillou]

Bonjour à tous !!

Je suis en train d'essayer de créer un menu en javascript.

Le principe de ce menu c'est que quand je clique sur un bouton de la page (clic gauche donc) un menu déroulant s'affiche en fonction de la position de ce bouton dans la page.

J'ai deja commencé à fouiller et à me renseigner sur le z-index qui me semble faire à peut près ce que je lui demande mais visiblement je ne peut pas utiliser le positionnement relatif. Je suis obligé de positionner en absolute.

Alors est ce que quelqu'un à un code qui correspondrait à mes besoins? Ou si ce n'est pas le cas je voudrais savoir comment récupérer dynamiquement la position de mon bouton dans la page en pixel pour pouvoir placer ma div en fonction de ca (je parle bien de la position du bouton et pas de la souris)

Voila j'espère avoir été suffisement précis
je vous remercie d'avance !!

Gillou

[SpaceFrog]

regarde du coté de offsetTop et offsetLeft

[legillou]

merci pour ta piste mais j'ai un problème

J'ai l'impression que offsetTop et offsetLeft ne donnent la position que par rapport à l'élément parent.
Mon bouton étant dans un tableau il ne me donne que l'écart entre mon bouton et le tableau alors que je souhaiterais l'avoir par rapport au coin superieur gauche.

aurais tu une autre piste?

[SpaceFrog]

Voir dasn la FAQ ou les codes sources il y a une fonction pour scanner les parentNodes et additionner les tops ...

[legillou]

bon bah pour ceux que ca interesse, j'ai trouvé ce bout de code qui fonctionne bien

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var curleft = curtop = 0;
if (button.offsetParent) {
	curleft = button.offsetLeft
	curtop = button.offsetTop
	while (button = button.offsetParent) {
		curleft += button.offsetLeft
		curtop += button.offsetTop
	}
}

J'ai presque tous les éléments mais il me manque encore un truc : J'arrive à ouvrir ma <div> à l'endroit ou je veux mais maintenant j'aimerais bien pouvoir la fermer
j'aimerais que quand je clique ailleur que dans ma div le menu se ferme.

Vous savez comment récupérer cet évênement?

Merci encore

[SpaceFrog]

ouvrir ??? un div ???

rendre visible je veux bien mais ouvrir ???

stymle.visibility ou display ?

[legillou]

ouioui c'est ca je me suis mal exprimé
J'ai une <div> cachée avec un z-index supérieur que j'affiche quand je clique sur un bouton et maintenant je l'affiche à la bonne position mais je souhaite pouvoir la recacher après...

[SpaceFrog]

he bien comme je l'ai dit:

Code :

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

1
2
3
4
 
style.visibility='hidden'
//ou 
style.display='none'

[legillou]

oui mais ce que je recherche c'est l'évênement "je clique en dehors de ma <div>" pour que je puisse justement changer les propriétés de ma div à ce moment la.

J'utilise déjà des div cachées un peu partout

[SpaceFrog]

une div n'a à ma connaissance pas d'evènement onblur ...
onmouseout ?

[legillou]

J'ai utilisé l'évênement onblur d'un bouton standard et ca réagit comme je veux

Merci encore de ton aide