Passer un ID � une fonction javascript

Bonjour tout le monde,

J'ai un tableau compos� de TR et de TD.

Les TD ont chacun un ID unique du genre :

Code:

---

<td id="AM_'.$numero_jour.'_'.$_POST['LeMois'].'_'.$_POST['Lannee'].'" onmousedown="menuContextuel(event, \'menucontextuel1\');"> &nbsp; </td>

---

J'essaie de passer l'ID � une fonction javascript.

this.id ne fonctionne pas car c'est l'ID de mon menu qui est pass� � la fonction et non l'id de ma TD.

Code:

---

1 2 3 4 5 6 7

<div id="menucontextuel1" class="menucontextuel"> <ul id="test"> <li><em>Menu Personnalisé</em></li> <li><a href="" id="test" onclick="hideMenu(); occupe(this.id); return false;">Occup&eacute;</a></li> <li><a href="" onclick="hideMenu(); return false;">Libre</a></li> </ul> </div>

---

ici, il passe "test" par exemple :

Code:

---

<li><a href="" id="test" onclick="hideMenu(); occupe(this.id); return false;">Occup&eacute;</a></li>

---

Je devrais peut �tre r�cup�rer l'ID du TD lorsqu'il obtient le focus ou lorsuqe l'on clic dessus.


Merci d'avance.

beegees

Salut,

Ton probl�me est logique: le this fait r�f�rence � l'�l�ment du DOM pour lequel le code s'ex�cute, et non un de ses parents ou autre.
A toi de retrouver l'id de ta TD � partir de l'�l�ment concern� (ta balise A ici) , par exemple en cherchant dans l'arborescence des "anc�tres" avec une boucle du style:

Code:

---

1 2 3 4 5

//node correspond � ton �l�ment this while (node.nodeName != 'TD' && node!=null) { node = node.parentNode; }

---

A tester,

ERE

Code:

---

1 2 3 4 5 6 7

<div id="menucontextuel1" class="menucontextuel"> <ul id="test"> <li><em>Menu Personnalisé</em></li> <li><a href="" id="test" onclick="hideMenu(); occupe(this.id); return false;">Occup&eacute;</a></li> <li><a href="" onclick="hideMenu(); return false;">Libre</a></li> </ul> </div>

---

Je vois une grosse erreur dans le code ci-dessus : la r�gle en mati�re d'ID est qu'ils soient uniques, utilis�s une seule fois dans une page html. Alors quand je vois "test" sur le ul et sur un lien dans un des li...

Et dans cet exemple je trouve logique que l'id pass� soit "test", puisque c'est bien l'id du lien sur lequel se trouve l'appel � la fonction

Citation:

---

Envoy� par emmanuel.remy

Salut,

Ton probl�me est logique: le this fait r�f�rence � l'�l�ment du DOM pour lequel le code s'ex�cute, et non un de ses parents ou autre.
A toi de retrouver l'id de ta TD � partir de l'�l�ment concern� (ta balise A ici) , par exemple en cherchant dans l'arborescence des "anc�tres" avec une boucle du style:

Code:

---

1 2 3 4 5

//node correspond � ton �l�ment this while (node.nodeName != 'TD' && node!=null) { node = node.parentNode; }

---

A tester,

Salut,

Merci pour ta r�ponse.

J'ai finalement trouv� une autre solution.

J'envoie un param�tre suppl�mentaire sur le onmouseover.

Arriv� dans la fonction, j'appelle une autre fonction js (AJAX).

Cela r�gle donc mon probl�me mais ton code pourrait me servir dans le future.

Merci encore pour ton aide.

beegees

ERE

---

Citation:

---

Envoy� par michel.bosseaux

Code:

---

1 2 3 4 5 6 7

<div id="menucontextuel1" class="menucontextuel"> <ul id="test"> <li><em>Menu Personnalisé</em></li> <li><a href="" id="test" onclick="hideMenu(); occupe(this.id); return false;">Occup&eacute;</a></li> <li><a href="" onclick="hideMenu(); return false;">Libre</a></li> </ul> </div>

---

Je vois une grosse erreur dans le code ci-dessus : la r�gle en mati�re d'ID est qu'ils soient uniques, utilis�s une seule fois dans une page html. Alors quand je vois "test" sur le ul et sur un lien dans un des li...

---

Oui en effet, j'avais mis �a pour les testes.

Citation:

---

Et dans cet exemple je trouve logique que l'id pass� soit "test", puisque c'est bien l'id du lien sur lequel se trouve l'appel � la fonction

---

Je trouve cela logique aussi.

Merci � vous deux pour vos r�ponses.

beegees