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 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
| <html>
<head>
<script LANGUAGE="JavaScript">
function ligne()
{
num = 0;
var Cell;
var nom = document.forms["formulaire"].nom.value;
var prenom = document.forms["formulaire"].prenom.value;
var tableau = document.getElementById('tableau');
var ligne = tableau.insertRow(-1);
Cell = ligne.insertCell(0);
Cell.innerHTML = num + 1;
Cell = ligne.insertCell(1);
Cell.innerHTML = nom;
Cell = ligne.insertCell(2);
Cell.innerHTML = prenom;
Cell = ligne.insertCell(3);
Cell.innerHTML = ("<input type=button name=supprimer value=Supprimer onclick=suppression()>");
document.forms["formulaire"].nom.value = "";
document.forms["formulaire"].prenom.value = "";
}
</script>
</head>
<body>
<script LANGUAGE="JavaScript">
function suppression()
{
var nb = document.getElementById('tableau').rows.length;
document.getElementById('tableau').deleteRow(-1);
}
</script>
<form name="formulaire">
Nom <input type="text" name="nom"><br>
Prenom <input type="text" name="prenom"><br>
<table name= "tableau" id="tableau" border="1">
<tr>
<td>Numéro de ligne</td>
<td>Nom</td>
<td>Prenom</td>
<td>Supprimer la ligne</td>
</tr>
</table>
</form>
<div><input type="submit" value="Ajouter une ligne" onClick="ligne()" ></div> <br>
</body>
</html> |
Partager