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