Discussion :

[loreleï85]

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 :

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

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 :

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
 
 
 <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&egrave;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 "+"...

[SpaceFrog]

toujours parceque l'ajout doit se faire dans un tbody ... ???

[loreleï85]

Où dois-je mettre cette balise?

[SpaceFrog]

heu pourquoi un form et un inupt type submit ???

mets simplement un type button ...

[loreleï85]

J'ai mis un form car j'ai déja un autre formulaire qui contient ce tableau. Et ce formulaire sert à insérer un enregistrement.

J'ai mis un bouton à la place et ça marche!

Merci beaucoup!