insertion dynamique de lignes dans un tableau
Bonjour,
J'ai un tableau auquel je voudrais insérer une ligne avec 2 cellules lorsque je clique sur un bouton.
J'ai essayé de faire cela en javascript avec insert row mais comme je ne connais pas la syntaxe j'ai un peu de mal.
Voilà le code de ma fonction en js :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<script type="text/javascript" >
function inserligne()
{
var newRow = document.getElementById("table").insertRow(-1);
var newCell = newRow.insertCell(0);
newCell.innerHTML = '[nouvelle cellule 0]';
newCell = newRow.insertCell(1);
newCell.innerHTML = '[nouvelle cellule 1]';
}
</script> |
Et voilà le code de mon tableau :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<table width="355" id="table">
<tr valign="baseline">
<td width="206" height="44" align="right" nowrap class="textnormalgras">
<div align="left"><span class="rouge">*</span> Motif :<br><span class="commentaire">(60 caractères maximum )</span> </div>
</td>
<td width="137" height="44" align="right" valign="top" nowrap class="textnormalgras">
<div align="left"><span class="rouge">*</span> Description :</div>
</td>
</tr>
<tr>
<td><input name="motif" type="test" id="motif" maxlength="60" size="30">
</td>
<td><textarea name="description" cols="30" rows="4" id="description"></textarea><br/>
</td>
</tr>
</table>
<form method="post">
<input type="submit" name="ajoute" value="+" onClick="inserligne()">
</form> |
Le problème est qu'il ne se passe rien quand je clique sur le bouton "+"...
