[POO] récupérer la position X d'une div 'menu'

Bonjour à tous !!!
Voilà j'ai un petit soucis (de débutant..que je suis !!)
Je fais actuellement un menu pour un site, et mon probléme est de faire apparaitre ma div 'sous-menu' au bon endroit..sachant que ma div 'menu-principal' sur laquelle j'ai mon onMouseOver est dans un tableau centrer dans ma page..et par conséquence, si l'intérenaute change la taille de sa fenêtre, la position X du 'menu-principal' n'est plus la même !!!:(

j'ai essayé :

Code:

---

1 2 3 4 5

function position(){ var coordonneeX = document.getElementById('menu-principal').offsetLeft; alert(coordonneeX); }

---

mais celà m'affiche toujours : 0
Je suppose que je m'y prends mal...excusez moi d'avance, mais sa fait vraiment peu de temps que je javascript'iZe !! je suppose qu'il faudrait faire une comparaison avec la taille de la fenêtre parent mais je ne trouve pas la bonne syntaxe...

Merci d'avance pour votre aide !!
(j'espére que je m'endormirais moins bête !!;-))

Bonjour :D

Je suis nouveau moi aussi ! Un nouveau qui répond à un nouveau :lol: Je vais donc essayer de ne pas dire de trucs stupides !

La div 'menu-principal' prend toute la largeur du tableau, et .offsetLeft renvoie l'offset, mais du premier objet duquel dépend ta div, c'est a dire, le tableau. Comme la div prend toute la largeur, l'offset est égal à 0.

J'ai trouvé un bout de code sur le net :

Code:

---

1 2 3 4 5

function OffsetL(Obj) { if (Obj.offsetParent) {return (Obj.offsetLeft + OffsetL(Obj.offsetParent));} else {return (Obj.offsetLeft);} } alert(OffsetL(document.getElementById('menu-principal')));

---

Ce code renvoi le total de l'offset de tous les objets dans lesquels est contenue ta div, c'est à dire "offset tableau/div = 0"+"offset page/tableau = ..."

Je pense que cela répond à ta question :) J'espère, surtout !

Bonne soirée.

Citation:

---

Envoyé par Cruzty

Bonjour :D

Je suis nouveau moi aussi ! Un nouveau qui répond à un nouveau :lol: Je vais donc essayer de ne pas dire de trucs stupides !

La div 'menu-principal' prend toute la largeur du tableau, et .offsetLeft renvoie l'offset, mais du premier objet duquel dépend ta div, c'est a dire, le tableau. Comme la div prend toute la largeur, l'offset est égal à 0.

J'ai trouvé un bout de code sur le net :

Code:

---

1 2 3 4 5

function OffsetL(Obj) { if (Obj.offsetParent) {return (Obj.offsetLeft + OffsetL(Obj.offsetParent));} else {return (Obj.offsetLeft);} } alert(OffsetL(document.getElementById('menu-principal')));

---

Ce code renvoi le total de l'offset de tous les objets dans lesquels est contenue ta div, c'est à dire "offset tableau/div = 0"+"offset page/tableau = ..."

Je pense que cela répond à ta question :) J'espère, surtout !

Bonne soirée.

---

héllo !!
un grand merci pour ta réponse !!!...mais malheureusement ..sa marche pas :( ..je dois être vraiment une truffe du JS !!! juste une petite question..pour lancer la fonction OffsetL(); je lui passe le nom de ma div menu ?? genre onMouseOver="OffsetL('menu-principal');" ?? ou je me trompe totalement ??

Code:

---

OffsetL(document.getElementById('menu-principal'));

---

et non pas

Code:

---

OffsetL('menu-principal');

---

:P

Bonne journée :)

un grand Merci !!!
Au final j'ai trouvé un code du même genre avec des ancres ..
sa marche super bien aussi !!!
Bonne journée !!