salut à tous,
je voudrais récupérer les données qu'il dans mon tableau dans le formulaire ou j'ai saisi les données, pour pourvoir consulter dans un premier temps et modifier.
voici mon code:
test.html
test.js
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
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69 <table align ="center" name= "tableau" id="tableau" border="1"> <tr> <td>Numéro de ligne</td> <td>Nom</td> <td>Prénom</td> <td>Organisation</td> <td>telephone</td> <td>Supprimer la ligne</td> </tr> </table> <table align="center"> <form name="formulaireAgent"> <tr> <td> Nom : </td> <td> <input id="nom" type="text" name="nom" style="width:200px;"></input> </td> </tr> <tr> <td> Prénom : </td> <td> <input id="prenom" type="text" name="titre" style="width:200px;"></input> </td> </tr> <tr> <td> Organisation : </td> <td> <input id="organisation" type="text" name="organisation" style="width:200px;"></input> </td> </tr> <tr> <td> Téléphone : </td> <td> <input id="telephone" type="text" name="categorie" style="width:200px;"></input> </td> </tr> </table> </form> <table align="center"> <input type="submit" value='Ajouter' style="padding: 7px 4px 5px 5px; margin: 30px 0 0 11px" onclick="ajouterAgent()"></input> </table> <table> </table> </body> </html>
merci d'avance
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
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120 function ajouterOrganisation() { //num = 0; var Cell; var nom = document.forms["formulaire"].nom.value; var horaire = document.forms["formulaire"].horaire.value; var fonction = document.forms["formulaire"].fonction.value; var telephone = document.forms["formulaire"].telephone.value; var position = document.forms["formulaire"].position.value; var tableau = document.getElementById('tableau'); var ligne = tableau.insertRow(-1); Cell = ligne.insertCell(0); //Cell.innerHTML = num + 1; Cell.innerHTML = ligne.rowIndex; Cell = ligne.insertCell(1); Cell.innerHTML = nom; Cell = ligne.insertCell(2); Cell.innerHTML = horaire; Cell = ligne.insertCell(3); Cell.innerHTML = fonction; Cell = ligne.insertCell(4); Cell.innerHTML = telephone; Cell = ligne.insertCell(5); Cell.innerHTML = position; Cell = ligne.insertCell(6); //Cell.innerHTML = ("<input type=button name=supprimer value=Supprimer onclick=suppression()>"); var bouton = document.createElement("input"); bouton.type = "button"; bouton.value = "Supprimer"; bouton.onclick = function(){suppression(ligne)}; Cell.appendChild(bouton); document.forms["formulaire"].nom.value = ""; document.forms["formulaire"].horaire.value = ""; document.forms["formulaire"].fonction.value = ""; document.forms["formulaire"].telephone.value = ""; document.forms["formulaire"].position.value = ""; } function ajouterAgent() { //num = 0; var Cell; var nom = document.forms["formulaireAgent"].nom.value; var prenom = document.forms["formulaireAgent"].prenom.value; var organisation = document.forms["formulaireAgent"].organisation.value; var telephone = document.forms["formulaireAgent"].telephone.value; var tableau = document.getElementById('tableau'); var ligne = tableau.insertRow(-1); Cell = ligne.insertCell(0); //Cell.innerHTML = num + 1; Cell.innerHTML = ligne.rowIndex; Cell = ligne.insertCell(1); Cell.innerHTML = nom; Cell = ligne.insertCell(2); Cell.innerHTML = prenom; Cell = ligne.insertCell(3); Cell.innerHTML = organisation; Cell = ligne.insertCell(4); Cell.innerHTML = telephone; Cell = ligne.insertCell(5); Cell.innerHTML = ("<input name='conf' type='hidden' value='0'>") Cell.innerHTML = ("<input name='supprimer' type='submit' value ='Supprimer' onclick=suppression(ligne)") //Cell.innerHTML = ("<input type=button name=supprimer value=Supprimer onclick=suppression()>"); var bouton = document.createElement("input"); bouton.type = "button"; bouton.value = "Supprimer"; bouton.onclick = function(){suppression(ligne)}; Cell.appendChild(bouton); document.forms["formulaireAgent"].nom.value = ""; document.forms["formulaireAgent"].prenom.value = ""; document.forms["formulaireAgent"].organisation.value = ""; document.forms["formulaireAgent"].telephone.value = ""; } function suppression(ligne) { //var nb = document.getElementById('tableau').rows.length; //document.getElementById('tableau').deleteRow(-1); if(confirm("Êtes-vous sûr de vouloir supprimer ?")) document.getElementById('tableau').deleteRow(ligne.rowIndex); else return; //Recomptage des lignes... var tableau = document.getElementById('tableau'); var trs = tableau.rows; var n = trs.length; var i; for (i=1; i<n; i++) //on commence à 1 et non à 0 ;) { trs[i].cells[0].innerHTML = trs[i].rowIndex; } }
Partager