Discussion :

[jmtrivia]

Bonjour à toutes et tous,

J'ai un formulaire html simple avec une ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <form><table><tr><td>inputElem[0]</td><td>inputElem1[0]</td><td>inputElem2[0]</td><td>inputElem3[0]</td></tr></table></form>

auquel j'ai adjoins un javascript qui ajoute une ligne par clic du visiteur.

===> Je ne peux pas connaître à l'avance le nombre de lignes qui vont être ajoutées. < ===

Je me retrouve avec un nombre 0,n de jeux d'enregistrements bien rangés dans leur $_POST et prêts à être enregistrés en base.

Ma question est : comment faire maintenant pour créer la boucle qui va les enregistrer un par un ?

Dois je créer un compteur sur le formulaire pour connaître le nombre d'enregistrements à insérer (si oui comment ?) puis faire une boucle for.. sur le traitement ?

Je vous remercie par avance de votre aide et de vos idées,

[Celira]

Tu peux commencer par faire un var_dump($_POST) pour voir à quoi ressemblent réellement les données envoyées par le formulaire.
Parce que là, je dois avouer que "inputElem[0]", ça m'évoque pas grand chose. C'est un raccourci pour un champ du genre <input type="text" name="inputElem[0]"/> ? A quoi ressemble une ligne ajoutée ?

[jmtrivia]

Tu peux commencer par faire un var_dump($_POST) pour voir à quoi ressemblent réellement les données envoyées par le formulaire.
Parce que là, je dois avouer que "inputElem[0]", ça m'évoque pas grand chose. C'est un raccourci pour un champ du genre <input type="text" name="inputElem[0]"/> ? A quoi ressemble une ligne ajoutée ?

Oui c'est ça. je te poste ci-dessous le code original. (Merci de ton aide ;-)

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
 
<tr>
<td class="col-sm-1"><input type="text" class="form-control" name="inputOrdre[0]" value="" /></td>
<td><input type="text" class="form-control" name="inputNom[0]" value="" /></td>
<td><input type="text" class="form-control" name="InputPoste[0]" value="" /></td>
<td class="col-sm-3">
	<div class="input-group">
	<span class="input-group-addon">&euro;</span>
	<input type="text" class="form-control" name="InputSAB[0]" value="" />
	<span class="input-group-addon">.00 /an</span>
	</div><!-- #input-group -->
</td>
<td class="col-sm-1"><input type="text" class="form-control" name="InputContrat[0]" value="" /></td>
</tr>
<script type="text/javascript">
$(document).ready(function(){
var compteur = 1;
$(".addCF").click(function(){
$("#customFields").append('<tr><td class="col-sm-1"><input type="text" class="form-control" id="customFieldName" name="inputOrdre['+compteur+']" value="" /></td><td><input type="text" class="form-control" id="customFieldName" name="inputNom['+compteur+']" value="" /></td><td><input type="text" class="form-control" id="customFieldName" name="InputPoste['+compteur+']" value="" /></td><td class="col-sm-3"><div class="input-group"><span class="input-group-addon">&euro;</span><input type="text" class="form-control" id="customFieldName" name="InputSAB['+compteur+']" value="" /><span class="input-group-addon">.00 /an</span></div></td><td class="col-sm-1"><input type="text" class="form-control" id="customFieldName" name="InputContrat['+compteur+']" value="" /></td><td><a href="javascript:void(0);" class="remCF">Supprimer</a></td></tr>');
									compteur++;
									});
									$("#customFields").on('click','.remCF',function(){
									$(this).parent().parent().remove();
									});
								});
								</script>

Si je pouvais récupérer la valeur de compteur, je dois pouvoir l'utiliser pour faire une boucle sur le nombre exact d'enregistrements... je cherche comment récupérer cette valeur.

[Celira]

Avec la structure que tu as actuellement, tu vas récupérer plusieurs tableaux dans POST. Tu peux boucler sur un d'entre eux avec une instruction foreach et aller chercher les données des autres dans la boucle. Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
foreach ($_POST['inputOrdre'] as $index => $ordre) {
    $nom = $_POST['inputNom'][$index];
    $poste = $_POST['inputPoste'][$index];
    // ...
}

Ou alors tu peux modifier la structure de tes champs pour avoir un tableau de 2 dimensions avec toutes les données d'une même ligne dans un même tableau

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<td class="col-sm-1"><input type="text" class="form-control" name="input[0][ordre]" value="" /></td>
<td><input type="text" class="form-control" name="input[0][nom]" value="" /></td>
<td><input type="text" class="form-control" name="input[0][poste]" value="" /></td>

à lire par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
foreach ($_POST['input'] as $index => $input) {
    $ordre = $input['ordre'];
    $nom = $input['nom'];
    $poste = $input['poste'];
    // ...
}

[jmtrivia]

Bonsoir et merci de ton aide. Depuis hier j'ai résolu mon problème en deux lignes de javascript ;-)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
								$(document).ready(function(){
								var compteur = 0;
									$(".addCF").click(function(){
									$("#customFields").append('<tr><td class="col-sm-1"><input type="text" class="form-control" id="customFieldName" name="inputOrdre'+compteur+'" value="" /></td><td><input type="text" class="form-control" id="customFieldName" name="inputNom'+compteur+'" value="" /></td><td><input type="text" class="form-control" id="customFieldName" name="InputPoste'+compteur+'" value="" /></td><td class="col-sm-3"><div class="input-group"><span class="input-group-addon">&euro;</span><input type="text" class="form-control" id="customFieldName" name="InputSAB'+compteur+'" value="" /><span class="input-group-addon">.00 /an</span></div></td><td class="col-sm-1"><input type="text" class="form-control" id="customFieldName" name="InputContrat'+compteur+'" value="" /></td><td><a href="javascript:void(0);" class="remCF">Supprimer</a></td></tr>');
									compteur++;
									document.getElementById('inputID').value = compteur;
									});
									$("#customFields").on('click','.remCF',function(){
									$(this).parent().parent().remove();
									});
								});
								</script>

Coté traitement je récupère le POST['inputID'] et je fais une jolie boucle FOR puisque je connais le nombre d'ajouts .
Mais je retiens tes solutions que je testerais pour le cas <NOSCRIPT>