[AJAX] Supprimer des lignes d'un tableau

**kakashi99** · 04/02/2009, 17h28

Bonjour tout le monde !

voila mon problème, j'ai un tableau html tout bete:

Code :

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

1
2
3
4
5
6
7
8
9
10
<table id="results" border="1">
	<tr id="0">
		<td>&nbsp;</td>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>

tableau que je rempli ensuite en javascript :

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
 
var idxRow = 1;
for (var i=0; i<items.length; i++) {
  var newRow = document.createElement('tr');
  newRow = document.getElementById('results').insertRow(idxRow);
 
  var td = document.createElement('td');
  var text0 = document.createElement('INPUT');
  text0.type = 'text';
  text0.name = "text 0";
  text0.size = '50';
  text0.value = value0;
  text0.id = "text_0" + idxRow;
  td.appendChild(text0);
  newRow.appendChild(td);
 
  etc...
  idxRow++;
}

ça, ça fonctionne bien. Par contre je voudrais sans recharger la page "nettoyer" le tableau pour ne garder que la première ligne pour à nouveau en rajouter...

C'est la le problème, car toutes les méthodes que j'ai essayé pour supprimer les lignes de mon tableau semblaient supprimer complétement mon tableau, et donc les insert ne marchent plus... la je ne vois vraiment plus comment faire.

exemple :

Code :

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

1
2
3
4
5
6
7
8
9
function purgeResultTable() {
 
	var node = document.getElementById("results");
  var nodeListe = node.getElementsByTagName("tr"); 
  while(nodeListe.length>1)
  {
  	node.removeChild(nodeListe.item(0));
  }
}