ajouter des lignes dans un tableau dynamique

**yviii** · 20/06/2007, 12h40

Bonjour à tous,

Je vais vous expliquer mon problème, tout d'abord je programme en xhtml.
Je dois créer un tableau dynamique au quel j'associe un bouton qui me permet d'ajouter des lignes à ce tableau.

Voici mon code:

dans le head:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
 
function createLigne() {
 
tab=document.getElementById('produits');
currentRow=tab.insertRow(tab.rows.length);
 
for(int i=0;i<1;i++)
{
currentRow.insertCell(i);
}
}
 
</script>

dans le body:

Code :

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

<input type="submit" value="+" title="ajouter un produit" onClick="createLigne()" >

Mais le problème est que cele ne fait rien au final .
Donc je voudrai savoir si quelqu'un ne pourrait pas m'aidé svp.

merci

**highman** · 20/06/2007, 12h48

tu devrais t'y prendre autrement !

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
25
26
27
28
29
30
31
32
 
function createligne(){
//Il faut un body sinon IE aime pas 
var table = document.getElementById("tbody_addr");
 
// Construction de la nouvelle ligne du tableau. 
newline = document.createElement("tr");
 
// Construction des cellules de la ligne.
cell_id = document.createElement("td");
cell_raison = document.createElement("td");
cell_rue = document.createElement("td");
cell_cp = document.createElement("td");
cell_localite = document.createElement("td");
cell_pays = document.createElement("td");
 
newline.appendChild(cell_id);
newline.appendChild(cell_raison);
newline.appendChild(cell_rue);
newline.appendChild(cell_cp);
newline.appendChild(cell_localite);
newline.appendChild(cell_pays);
cell_id.innerHTML = id;
cell_raison.innerHTML = raison_sociale;
cell_rue.innerHTML = rue;
cell_cp.innerHTML = code_postal;
cell_localite.innerHTML = localite;
cell_pays.innerHTML = pays;
 
// et enfin
table.appendChild(newline);
}