Discussion :

[beegees]

Bonjour tout le monde,

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

Les TD ont chacun un ID unique du genre :

Code :

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

<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 :

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

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 :

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

<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

[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 :

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

1
2
3
4
5
//node correspond à ton élément this
while (node.nodeName != 'TD' && node!=null) {
    node = node.parentNode;
}

A tester,

ERE

[michel.bosseaux]

Code :

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

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

[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 :

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

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

Code :

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

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.

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