ne ca marche pas cette methode de suppression correctement de supprimer l'une des lignes que je veux.
<title>Untitled Page</title>
<script language="javascript">
function ligne()
{
var Cell;
var nom = document.getElementById("nom").value;
var prenom = document.getElementById("prenom").value;
var tableau = document.getElementById("tableau");
var ligne = tableau.insertRow(-1);
Cell = ligne.insertCell(0);
Cell.innerHTML = ligne.rowIndex;
Cell = ligne.insertCell(1);
Cell.innerHTML = nom;
Cell = ligne.insertCell(2);
Cell.innerHTML = prenom;
Cell = ligne.insertCell(3);
Cell.innerHTML = "<input type='button' id='supprimer' value='supprimer' onclick='suppression(ligne)' />";
var bouton = document.createElement("input");
bouton.type = "bouton";
bouton.value = "Supprimer";
bouton.onclick= function() {suppression(ligne)};
Cell.appendChild(bouton);
document.getElementById("nom").value = "";
document.getElementById("prenom").value= "";
}
function suppression(ligne)
{
ligne.rowIndex =1;
tableau.deleteRow(ligne.rowIndex);
//Recomptage des lignes...
var trs = tableau.rows;
var n = trs.length;
var i;
for(i=1;i<=n;i++) //on commence à 1 et non à 0
{
trs[i].innerHTML = trs[i].rowIndex;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
Nom:<input type="text" id="nom" name="nom" /><br />
Prénom:<input type="text" id="prenom" name="prenom" /><br />
<table id="tableau" border="1">
<tr>
<td>N°ligne</td>
<td>Nom</td>
<td>Prenom</td>
<td>Supprimer la ligne</td>
</tr>
</table>
<input type="hidden" name="num" atomicselection="false"/>
<input type="button" id="Ajouter" value="Ajouter" onclick="ligne()" /><br />
<input type="button" id="Button1" value="Afficher" onclick="Ajout()" />
</div>
</form>
</form>
</body>
</html>