id parent table d'une cellule

Version imprimable

25/08/2010, 12h27
cyrano_de_bergerac

id parent table d'une cellule

Bonjour, :D

J'ai différents td avec chaque id composé comme suit:
"row_"+R+"_col_"+C
avec R et C des entiers respectivement la ligne et la colonne de ma cellule dans le tableau.

J'aimerai trouver le code javascript qui me renvoit l'id de la table dans laquelle ma cellule se trouve, par exemple quand je clique dessus.

Merci d'avance! :D

bonjour,

mets un événement onclick sur ta balise table

Code:

1
2
3
4
5
6
7
 
<table id="table1" onclick="alert(this.id)" border="1">
<tr>
<td id="row_1_col_1">bla bla</td>
<td id="row_1_col_2">bla bla</td>
</tr>
</table>

Code:

1
2
3
4
5
6
<table id="table1"  border="1">
<tr>
<td id="row_1_col_1" onclick="alert(this.parentNode.parentNode.parentNode.id)">bla bla</td>
<td id="row_1_col_2">bla bla</td>
</tr>
</table>

Notez les 3 niveaux de parent ... alors que le code n'en voudrait que deux ...

En fait le DOM corrige le code en rajoutant un tbody

Code:

1
2
3
4
5
6
7
8
9
 
<table id="table1"  border="1">
<tbody>
<tr>
<td id="row_1_col_1" onclick="alert(this.parentNode.parentNode.parentNode.id)">bla bla</td>
<td id="row_1_col_2">bla bla</td>
</tr>
<toby>
</table>

ou encore :

Code:

1
2
3
4
5
6
7
 
<table id="table1"  border="1">
<tr>
<td id="row_1_col_1" onclick="chercheParent(this.id)">bla bla</td>
<td id="row_1_col_2" onclick="chercheParent(this.id)">bla bla</td>
</tr>
</table>

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function chercheParent(idEnfant)
{
	var obj = document.getElementById(idEnfant);
 
	while (obj.tagName.toLowerCase()!="table")
	{
		obj = obj.parentNode;
	}
	alert(obj.id);
}

Citation:
Envoyé par Auteur
ou encore :
Code:

1 2 3 4 5 6 7 <table id="table1" border="1"> <tr> <td id="row_1_col_1" onclick="chercheParent(this.id)">bla bla</td> <td id="row_1_col_2" onclick="chercheParent(this.id)">bla bla</td> </tr> </table>
Code:

1 2 3 4 5 6 7 8 9 10 11 function chercheParent(idEnfant) { var obj = document.getElementById(idEnfant); while (obj.tagName.toLowerCase()!="table") { obj = obj.parentNode; } alert(obj.id); }
C'était exactement ça qui me fallait.
ça me permet à la fois de découvrir les méthodes et ce qu'elles font!
Merci beaucoup! :D