Discussion :

[Anaisg64]

Bonjour à tous !
Voilà je suis confrontée à un petit problème avec mon code Javascript.
Je possède un tableau HTML que voici:

Code :

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

1
2
3
4
5
6
7
8
 
<tbody class="ui-sortable">
<tr id="tableaumesures2_row76" class="tableaumesures_mesures">
<tr id="tableaumesures2_row77" class="tableaumesures_mesures">
<tr id="tableaumesures2_row78" class="tableaumesures_mesures">
<tr id="tableaumesures2_row79" class="tableaumesures_mesures">
<tr id="tableaumesures2_row80" class="tableaumesures_mesures">
</tbody>

J'aimerais récupérer en Javascript l'id d'un élément en spécifiant sa position (son index).
Par exemple l'id de l'élément à la position 0 est "tableaumesures2_row76".
Est-ce que cela est faisable? Et si oui, comment ?

Merci d'avance pour vos réponses !

[andry.aime]

avec un getElementsByTagName qui va retourner les tr dans un tableau

Code :

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

1
2
3
4
var tr = document.getElementById("idTable").getElementsByTagName("tr");
for (i=0; i<tr.length; i++){
	alert (tr[i].id);
}

A+.

[Anaisg64]

Merci pour ta réponse andry.aime, cela fonctionne parfaitement.
Je me retrouve maintenant face à un autre soucis. Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
$("#tableaumesures_tableau_sens2 tbody").sortable({
	update: function(event, ui) {
		var tablePositions = new Array();
		var chaine = "";
		var i;
		var tr = document.getElementById("tableaumesures_tableau_sens2").getElementsByTagName("tr");
		var client = (document.getElementById('tableaumesures2_imagepivoter').parentNode.id);
 
		for(i=0;i<tr.length;i++){
			if(chaine==""){
				chaine = client + "/" + i + "-" + (tr[i+1].id);
			}
			else{
				chaine = chaine + "," + i + "-" + (tr[i+1].id);
			}
			alert(chaine); //alert1
		}
		alert(chaine); //alert2
		createCookie("tableau2_cli" + client + "_row_positions", chaine, 1000);
	},
	helper: fixHelper
}).disableSelection();

Le "alert2" (et le createCookie par la même occasion) ne fonctionnent plus. Pourtant le "alert1" fonctionne bien et "chaine" contient ce que je veux. En gros, tout ce qui vient après le for semble ne pas vouloir se déclencher.

[Anaisg64]

Le problème a finalement été résolu, il venait d'un mauvais tour de boucle.
Voici le code final :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
$("#tableaumesures_tableau_sens2 tbody").sortable({
	update: function(event, ui) {
		var tablePositions = new Array();
		var chaine = "";
		var i;
		var tr = document.getElementById("tableaumesures_tableau_sens2").getElementsByTagName("tr");
		var client = (document.getElementById('tableaumesures2_imagepivoter').parentNode.id);
 
		for(i=0;i<tr.length;i++){
			if(chaine==""){
				if(i>0){
				chaine = client + "/" + i + "-" + (tr[i].id);
				}
			}
			else{
				chaine = chaine + "," + i + "-" + (tr[i].id);
			}
		}
		alert(chaine);
		createCookie("tableau2_cli" + client + "_row_positions", chaine, 1000);
	},
	helper: fixHelper
}).disableSelection();

Merci encore pour ta réponse rapide andry.aime !