Discussion :

[jpwitz]

Bonjour
Je voudrais créer un tableau en HTML (<table>...</table) en JavaScript à partir d'un requête AJAX. Mon problème se situe au niveau de la récupération des données de la requête dans docXML.
Les données se présentent de cette façon

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
<data>
<itemSem>
<jour>Lundi</jour>
<Tmidi>291</Tmidi>
<OMidi>34</OMidi>
<Tsoir>131</Tsoir>
etc...
</itemSem>
<itemSem>
<jour>Mardi</jour>
<Tmidi>401</Tmidi>
<OMidi>37</OMidi>
<Tsoir>156</Tsoir>
etc...
</itemSem>
etc...
</data>

etc... veut dire que le nombre de nœuds peut être variable.
Avec le code suivant, j'arrive à récupérer la liste des <jour> (Lundi,Mardi)

Code :

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

1
2
3
4
5
 
    	for (i=0;i<docXML.getElementsByTagName("itemSem").length;i++)
    	{
		tb=docXML.getElementsByTagName("itemSem").item(i).firstElementChild.firstChild.data;
	}

Mais comment récupérer par une boucle imbriquée les valeurs de Tmidi,Omidi,Tsoir, etc...?

[mathieu]

qu'obtenez vous si vous regarder le contenu de la variable avec console.log(tb); ?

[jpwitz]

Après quelques recherches, j'ai trouvé la solution (i parcourt les lignes; j parcourt les colonnes):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function remplirTable (tb) 
	var table = document.getElementById(tb).tBodies.item(0);
	 for (i=0;i<docXML.getElementsByTagName("item").length;i++)
    	{
			var row = table.insertRow();    
			for (j=0;j<docXML.getElementsByTagName("itemSem").item(i).children.length;j++)
			{
							var cell = row.insertCell(-1);
							cell.innerHTML = docXML.getElementsByTagName("itemSem").item(i).children.item(j).firstChild.data
			}
	}