[AJAX] Supprimer des lignes d'un tableau
Bonjour tout le monde !
voila mon problème, j'ai un tableau html tout bete:
Code:
1
2
3
4
5
6
7
8
9
10
| <table id="results" border="1">
<tr id="0">
<td> </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:
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:
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));
}
} |
Merci d'avance à tous ceux qui passeront par ici !
