Tableau de données récupération dans $_POST
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
Code:
1 2 3 4 5
| Array
(
[nomMachine] => machine2
[utilisateur] => 5678
) |
Problème je ne récupère qu'une seule ligne (la dernière saisie dans mon formulaire).
Comment récupérer un résultat de la sorte:
Code:
1 2 3 4 5 6 7 8
| Array
(
[nomMachine1] => ....
[utilisateur1] => ....
[nomMachine2] => ....
[utilisateur2] => ....
) |
Si vous pouviez me dépanner je suis en galère :?
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:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| Array
(
[nomMachine1] => ....
Array (
[utilisateur1] => ....
[utilisateur2] => ....
.....)
[nomMachine2] => ....
Array (
[utilisateur1] => ....
[utilisateur2] => ....
.....)
) |
Est ce que c'est réalisable?
Voici mon code actuel
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 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> |