Trouver le numero de ligne d'une TABLE

Version imprimable

10/03/2008, 10h21
kimcharlene

Trouver le numero de ligne d'une TABLE
bonjour

Quelle est la methode/attribut pour trouver le numéro de sa propre ligne dans un tableau

par exemple vous avez le code suivant

code HTML
Code:

1 2 3 4 5 6 .... <tr> <td onclick="alert('la je voudrais afficher le numéro de ligne du tr')"></td> </tr> ...
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
function getLineNumber(Ligne){
var TabLines = document.getElementById('monTableau').getElementsByTagName('tr');
var LL=TabLines.length;
var CurrentLine=0
for(i=0;i<LL;i++){
    if (TabLines[i]==Ligne){CurrentLine=i;}
    }
 return CurrentLine;
 }
</script>

avec

Code:

1
2
3
4
 
<tr>
<td onclick="alert('ligne '+ getLineNumber(this.parentNode))"></td>
</tr>

en fait il trouve pas le this.parentNode, il renvoie undefined

peut être parce que je rajoute moi même mes lignes.

En fait je chercher à trouver le numéro de ligne pour pouvoir le supprimer.

j'ajoute une ligne de cette manière :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var newRow = $(idTable).insertRow(-1);//j'utilise prototype 
 
 
	var newCell = newRow.insertCell(0);
	newCell.innerHTML = 'du texte';
	newCell.setAttribute("class",'ma_classe');
 
	var newCell = newRow.insertCell(1);
	newCell.innerHTML = 'du texte';
	newCell.setAttribute("class",'ma_classe');
//...etc
var newCell = newRow.insertCell(6);
 
	newCell.innerHTML = '[<a href="javascript:suppItem('+f[0]+',\''+f[7]+'\',getLineNumber(\'tableId1\',this.parentNode))">-</a>]';
  	newCell.align = "center";
	newCell.setAttribute("class",'ma_class');

Code:

1
2
3
4
5
6
7
8
function suppItem(id,table,numeros)
	{
	alert(numeros); //====> affiche undefined
	$("tableId1").deleteRow(numeros);
 
	$("listeProduit").value = supprChaine($("listeProduit").value,id+'|'+table+';');
 
	}

PS : un peu bordélique mon code je m'en excuse

ton souci provient de l'attribution du onclick !

Code:

newCell.innerHTML = '[<a href="javascript:suppItem('+f[0]+',\''+f[7]+'\',getLineNumber(\'tableId1\',this.parentNode))">-</a>]';

:vomi:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script type='text/javascript'>
function getLineNumber(Ligne){
var TabLines = document.getElementById('monTableau').getElementsByTagName('tr');
var LL=TabLines.length;
var CurrentLine=0
for(i=0;i<LL;i++){
    if (TabLines[i]==Ligne){CurrentLine=i;}
    }
 return CurrentLine;
 }
 
function populate(){
var TabLines = document.getElementById('monTableau').getElementsByTagName('tr');
var LL=TabLines.length;
for(i=0;i<LL;i++){
document.getElementsByTagName('td')[i].onclick=function(){alert('ligne '+getLineNumber(this.parentNode))};
}
}
</script>
 
 
</head>
 
<body onload='populate()'>
<table id='monTableau' >
<tr id="JeSuisUneLigne">
<td id="one">coucou&nbsp;</td>
</tr>
<tr >
<td>coucou&nbsp;</td>
</tr>
<tr >
<td >coucou&nbsp;</td>
</tr>
<tr >
<td >coucou&nbsp;</td>
</tr>
<tr >
<td >coucou&nbsp;</td>
</tr>
</table>
</body>

gère le innerHTML et l'attribution du onclick sur deux lignes ...