suppression de ligne d'un tableau
Bonjour
J'ai un ptit souci avec javascript!! dans une colonne d'un tableau j'ai supprimé pour supprimer la ligne que je veux dans le tableau. chaque ligne rajoutée dans le tableau j'ai un bouton supprimer!
quand je click sur supprimer je n'arrive pas a supprimer la ligne que je veux, mais seulement la derniere ligne d'un tableau !! est ce quelqu'1 pourrai me dire comment faire ?
voici mon code:
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
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> |
Merci pour votre aide
