Discussion :

[cyrano_de_bergerac]

Bonjour,

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!

[Auteur]

bonjour,

mets un événement onclick sur ta balise table

Code html :

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

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>

[SpaceFrog]

Code :

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

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 :

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

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>

[Auteur]

ou encore :

Code html :

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

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

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

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);
}

[cyrano_de_bergerac]

ou encore :

Code html :

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

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

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

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!