Bonjour à toutes et à tous,
je suis en galère avec Javascript et un formulaire a créer.
J'ai réussi à obtenir le résultat suivant dans mon $_POST:
1 tableau avec: 1 nom de machine et 1 utilisateur
Problème je ne récupère qu'une seule ligne (la dernière saisie dans mon formulaire).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 Array ( [nomMachine] => machine2 [utilisateur] => 5678 )
Comment récupérer un résultat de la sorte:
Si vous pouviez me dépanner je suis en galère
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 Array ( [nomMachine1] => .... [utilisateur1] => .... [nomMachine2] => .... [utilisateur2] => .... )
Petite remarque:
Cette solution trouvée est la plus compréhensible à mon niveau et la seule qui me donne un résultat parce que ce que je souhaite réaliser à la base c'est un formulaire dynamique exécutant ces fonctions:
1) entrer le nom d'une machine
2) ajouter x utilisateur sur cette machine (grâce à un bouton ajouter utilisateur)
3) ajouter une autre machine (grâce à un bouton ajouter machine)
4) ajouter x utilisateur sur cette nouvelle machine (grâce à un bouton ajouter utilisateur)
en gros mon $_POST final j'aurais aimé qu'il ressemble à ça:
Est ce que c'est réalisable?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 Array ( [nomMachine1] => .... Array ( [utilisateur1] => .... [utilisateur2] => .... .....) [nomMachine2] => .... Array ( [utilisateur1] => .... [utilisateur2] => .... .....) )
Voici mon code actuel
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 <SCRIPT language="javascript"> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; for (var i = 0; i < colCount; i++) { var newcell = row.insertCell(i); newcell.innerHTML = table.rows[0].cells[i].innerHTML; //alert(newcell.childNodes); switch (newcell.childNodes[0].type) { case "text": newcell.childNodes[0].value = ""; break; case "checkbox": newcell.childNodes[0].checked = false; break; case "select-one": newcell.childNodes[0].selectedIndex = 0; break; } } } function deleteRow(tableID) { try { var table = document.getElementById(tableID); var rowCount = table.rows.length; for (var i = 0; i < rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if (null != chkbox && true == chkbox.checked) { if (rowCount <= 1) { alert("On ne peut pas supprimer toutes les lignes."); break; } table.deleteRow(i); rowCount--; i--; } } } catch (e) { alert(e); } } </SCRIPT> </HEAD> <BODY> <form name="myform" id="myform" method="post" action="./index.php?action=verif"> <TABLE id="dataTable" width="350px" border="1"> <TR> <TD><INPUT type="checkbox" name="chk"/></TD> <TD><INPUT type="text" name="nomMachine"/></TD> <TD><INPUT type="text" name="utilisateur"/></TD> </TR> </TABLE> <INPUT type="button" value="Ajouter une ligne" onclick="addRow('dataTable')" /> <INPUT type="button" value="Supprimer une ligne" onclick="deleteRow('dataTable')" /> <INPUT type="submit" value="Valider"> <br> </form> </BODY>
Partager