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