Envoi groupé de formulaire [Débutant(e)]

**coincoin22** · 30/07/2012, 13h13

Bonjour,

J'ai encore un souci... Pour linstant, j'ai une série de formulaire que je crée par une boucle. Chaque envoie de formulaire se fait par un bouton OK..

ce que j'aimerai faire, c'est qu'on ait la possibilité d'envoyer TOUS les formulaires avec UN seul bouton (tout en conservant la possibilité d'envoi individuel).

voilà mon bout de code:

Code php :

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
while($data = mysql_fetch_assoc($sql)) {
 
						$sql2 = mysql_query("
						SELECT 
							`match_id`, score_eq1, score_eq2
						FROM 
							`pronos` 
						WHERE 
							`user_id`='".mysql_real_escape_string($userid)."' 
						AND	$data[id] = match_id
 
						") or die (mysql_error());
 
 
 
						// On ouvre le formulaire
							echo '<form action="index.php#match'.$data["id"].'" method="post">';
							// On dÃƒÂ©finit l'input cachÃƒÂ© qui nous permettra de valider le formulaire
							echo "<input type=\"hidden\" name=\"validation\" value=\"ok\">";
 							// On dÃƒÂ©finit l'input cachÃƒÂ© qui contiendra l'id du match
							echo "<input type=\"hidden\" name=\"idMatch\" value=\"".$data["id"]."\">";
							// On rÃƒÂ©cupÃƒÂ¨re en POST le nom de l'equipe 1
							echo "<input type=\"hidden\" name=\"nomEq1\" value=\"".$data["eq1"]."\">";
							// On rÃƒÂ©cupÃƒÂ¨re en POST le nom de l'ÃƒÂ©quipe 2
							echo "<input type=\"hidden\" name=\"nomEq2\" value=\"".$data["eq2"]."\">";
 
 
							if (mysql_num_rows($sql2) > 0) {
 
						echo '<img src="default/images/ok.png"/>   ';
 
					}
					else 	{ 
 
						echo '<img src="default/images/cancel.png"/>   ';
 
					}
 
 
 
							// on affiche la date du match et la phase
							echo $data['date2'].'' ;
							echo ' - Journ&eacute;e ' ;
							echo $data['groupe'].'   ' ;
							echo '<a name="match' .$data["id"]. '"</a>';
							echo '<input type="submit" value="OK" style="width: 50px;">';
							echo "<br />";
 							?>
 							<table width="100%">
 							<tr>
 							<?php
 
 							// On affiche l'ÃƒÂ©quipe 1
 
 
 							echo '<td width=35% class="right" title="' .$data["com1"]. '">';
 
 							echo $data['eq1']."\n";
 
 							echo '<img style="float:left" src="default/images/flags/'.$data['eq1'].'".png""/>';?></td>
 							<?php
 
 							// On affiche la sÃƒÂ©lection du score pour l'ÃƒÂ©quipe 1
 							?>
 							<td width=10% class="right"><?php 
 							echo '<select name="scoreEq1">\n';
								for($i = 0; $i <= 5; $i++)
									echo '<option value='. $i .''.($i == $data["score1"] ? " selected" : "").'>'. $i .'</option>\n';
									echo '</select> ';?></td>
 
 							<td width=10% class="center"><?php
 							echo ' - ' ;?></td>
 
 							<?php
 							// On affiche la sÃƒÂ©lection pour l'ÃƒÂ©quipe 2
 							?>
 							<td width=10% class="left"><?php 
 							echo '<select name="scoreEq2">\n';
								for($j = 0; $j <= 5; $j++) 
									echo '<option value='. $j .''.($j == $data["score2"] ? " selected" : "").'>'. $j .'</option>\n';
									echo '</select> ';?></td>
 							<?php
 							// On affiche l'ÃƒÂ©quipe 2
 
 							echo '<td width=35% class="left" title="' .$data["com2"]. '">';
 							echo $data['eq2']."\n";
 							echo '<img style="float:right" src="default/images/flags/'.$data['eq2'].'".png""/>';?></td>
 
 							</tr>
 							</table>
 							<?php
 
 
							echo "<br />";
 
						echo '</form>';
 
						echo "<br /><br />";
					}

Merci de votre aide !!!

coincoin22

**Vil'Coyote** · 30/07/2012, 14h41

pas possible comme ça. va falloir passer par du javascript et revoir ta gestion de formulaire. un formulaire n'a qu'un seul bouton submit qui lui est associé.

**patrickbaras** · 30/07/2012, 14h53

dans ce cas , je ne crois pas qu'il y ai de solution simple, il te faudra effectivement passer par du javascript

Envoyé par Vil'Coyote

un formulaire n'a qu'un seul bouton submit qui lui est associé.

on peut quelques fois associer plusieurs boutons, mais effectivement un seul couple 'name'='value' n'est envoyé à la fois.

Code :

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

1
2
3
4
5
6
7
<form action='form_target.php' id='form1' method='post'>
	<input type='text' name='input_text_1' value='test1'><br/>
	<input type='text' name='input_text_2' value='test2'><br/>
	<input type='submit' name='action' value='ajout'>
	<input type='submit' name='action' value='modif'>
	<input type='submit' name='action2' value='delete'>
</form>

**coincoin22** · 30/07/2012, 14h54

Merci pour vos réponses !!!

Je m'en doutais un peu ;-[

Vous avez des pistes ou des débuts d'explications de quoi avancer ??
Je ne trouve rien de bon !!!!

Merci encore

**patrickbaras** · 31/07/2012, 10h09

voici une solution "simple"
tu crée tes formulaires avec comme nom(name) de champs input[x][name]
tu crée un formulaire id='form0' en fin de page qui reprend tout les champs input[x]...
le bouton submit du formulaire 'form0' lance un javascript qui va recopier les valeurs de tout les formulaires dans ses champs avant l'envois
de cette manière ta page qui reçois les informations reçois toujours un tableau(array)
tu peux donc exécuter le même traitement pour un envois ou un envois groupé

voici un exemple (tu peux mettre les champs 'hidden' en 'text' pour mieux voir comment cela ce passe ):

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
<form action='form_target.php' id='form1' method='post' target='test_iframe'>
	<input type='text' name='input[1][text]' value='test1'><br/>
	<input type='text' name='input[1][value]' value='val1'><br/>
	<input type='submit'>
	</form>
 
	<form action='form_target.php' id='form2' method='post' target='test_iframe'>
	<input type='text' name='input[2][text]' value='test2'><br/>
	<input type='text' name='input[2][value]' value='test2'><br/>
	<input type='submit'>
	</form>
 
	<form action='form_target.php' id='form3' method='post' target='test_iframe'>
	<input type='text' name='input[3][text]' value='test3'><br/>
	<input type='text' name='input[3][value]' value='test3'><br/>
	<input type='submit'>
	</form>
 
 
	<form action='form_target.php' id='form0' method='post' target='test_iframe'>
	<input type='hidden' name='input[1][text]' value=''><br/>
	<input type='hidden' name='input[1][value]' value=''><br/>
	<input type='hidden' name='input[2][text]' value=''><br/>
	<input type='hidden' name='input[2][value]' value=''><br/>
	<input type='hidden' name='input[3][text]' value=''><br/>
	<input type='hidden' name='input[3][value]' value=''><br/>
	<input type='submit' onclick='return submitAllForm();'>
	</form>
 
 
<script>
function submitAllForm()
{
	var DocForm = document.getElementsByTagName("form");
	var nbrForm=DocForm.length;
	for(x=0;x<nbrForm-1;x++)
	{
		var MyForm = DocForm[x]
		var NbrMyForm = DocForm[x].elements.length
		for(y=0;y<NbrMyForm;y++)
		{
			if(MyForm.elements[y].name.substring(0,6)=='input[')
			{
				var Form0 = document.getElementById("form0")
				Form0.elements[MyForm.elements[y].name].value= MyForm.elements[y].value;
			}
		}
 
	}
	return true;
}
</script>
 
<iframe name='test_iframe' style='display:block;width:1000px;height:400px;'></iframe>

le code de la page form_target.php

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
<?php
 
 
foreach($_GET as $key => $val)
{
	echo "".$key."=>".$val."<br/>";
}
foreach($_POST as $key => $val)
{
	echo "".$key."=>".$val."<br/>";
	if(is_array($val))
	{
		echo var_dump($val);
	}
}
 
 
?>

**coincoin22** · 31/07/2012, 15h15

Merci !!

J'ai bien essayé de bidouiller dans ce sens mais seul le dernier formulaire s'affiche

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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
$allform .= '<form action="form_target.php" id="form0" method="post" target="test_iframe">';
 
					while($data = mysql_fetch_assoc($sql)) {
 
						$sql2 = mysql_query("
						SELECT 
							`match_id`, score_eq1, score_eq2
						FROM 
							`pronos` 
						WHERE 
							`user_id`='".mysql_real_escape_string($userid)."' 
						AND	$data[id] = match_id
 
						") or die (mysql_error());
 
 
 
						// On ouvre le formulaire
 
							echo '<form action="index.php#match'.$data["id"].'" method="post">';
							// On dÃƒÂ©finit l'input cachÃƒÂ© qui nous permettra de valider le formulaire
							echo "<input type=\"hidden\" name=\"validation\" value=\"ok\">";
							$allform .= "<input type=\"hidden\" name=\"validation\" value=\"ok\">";
 							// On dÃƒÂ©finit l'input cachÃƒÂ© qui contiendra l'id du match
							echo "<input type=\"hidden\" name=\"idMatch\" value=\"".$data["id"]."\">";
							$allform .= "<input type=\"hidden\" name=\"idMatch\" value=\"".$data["id"]."\">";
							// On rÃƒÂ©cupÃƒÂ¨re en POST le nom de l'equipe 1
							echo "<input type=\"hidden\" name=\"nomEq1\" value=\"".$data["eq1"]."\">";
							$allform .= "<input type=\"hidden\" name=\"nomEq1\" value=\"".$data["eq1"]."\">";
							// On rÃƒÂ©cupÃƒÂ¨re en POST le nom de l'ÃƒÂ©quipe 2
							echo "<input type=\"hidden\" name=\"nomEq2\" value=\"".$data["eq2"]."\">";
 							$allform .= "<input type=\"hidden\" name=\"nomEq2\" value=\"".$data["eq2"]."\">";					
 
							if (mysql_num_rows($sql2) > 0) {
 
						echo '<img src="default/images/ok.png"/>   ';
 
					}
					else 	{ 
 
						echo '<img src="default/images/cancel.png"/>   ';
 
					}
 
 
 
							// on affiche la date du match et la phase
							echo $data['date2'].'' ;
							echo ' - Journ&eacute;e ' ;
							echo $data['groupe'].'   ' ;
							echo '<a name="match' .$data["id"]. '"</a>';
							echo '<input type="submit" value="OK" style="width: 50px;">';
							echo "<br />";
 							?>
 							<table width="100%">
 							<tr>
 							<?php
 
 							// On affiche l'ÃƒÂ©quipe 1
 
 
 							echo '<td width=35% class="right" title="' .$data["com1"]. '">';
 
 							echo $data['eq1']."\n";
 
 							echo '<img style="float:left" src="default/images/flags/'.$data['eq1'].'".png""/>';?></td>
 							<?php
 
 							// On affiche la sÃƒÂ©lection du score pour l'ÃƒÂ©quipe 1
 							?>
 							<td width=10% class="right"><?php 
 							echo '<select name="scoreEq1">\n';
								for($i = 0; $i <= 5; $i++)
									echo '<option value='. $i .''.($i == $data["score1"] ? " selected" : "").'>'. $i .'</option>\n';
									echo '</select> ';?></td>
 
 							<td width=10% class="center"><?php
 							echo ' - ' ;?></td>
 
 							<?php
 							// On affiche la sÃƒÂ©lection pour l'ÃƒÂ©quipe 2
 							?>
 							<td width=10% class="left"><?php 
 							echo '<select name="scoreEq2">\n';
								for($j = 0; $j <= 5; $j++) 
									echo '<option value='. $j .''.($j == $data["score2"] ? " selected" : "").'>'. $j .'</option>\n';
 
									echo '</select> ';?></td>
 							<?php
 							// On affiche l'ÃƒÂ©quipe 2
 
 							echo '<td width=35% class="left" title="' .$data["com2"]. '">';
 							echo $data['eq2']."\n";
 							echo '<img style="float:right" src="default/images/flags/'.$data['eq2'].'".png""/>';?></td>
 
 							</tr>
 							</table>
 
 
 
 
 							<?php
 
							$allform .= "<input type=\"hidden\" name=\"scoreEq1\" value=\"".$data["score1"]."\">";
							$allform .= "<input type=\"hidden\" name=\"scoreEq2\" value=\"".$data["score2"]."\">";
 
							echo "<br />";
 
						echo '</form>';
 
						echo "<br /><br />";
					}   
 
 					$allform .= "<input type='submit' onclick='return submitAllForm();'></form>";
 
 					//echo htmlentities ($allform);
 
 					?>
 
 					<a><?php echo $allform;?></a>
 
 					<script>
					function submitAllForm()
					{
						var DocForm = document.getElementsByTagName("form");
						var nbrForm=DocForm.length;
						for(x=0;x<nbrForm-1;x++)
						{
							var MyForm = DocForm[x]
							var NbrMyForm = DocForm[x].elements.length
							for(y=0;y<NbrMyForm;y++)
							{
								if(MyForm.elements[y].name.substring(0,6)=='input[')
								{
									var Form0 = document.getElementById("form0")
									Form0.elements[MyForm.elements[y].name].value= MyForm.elements[y].value;
								}
							}
 
						}
						return true;
					}
					</script>
 
					<iframe name='test_iframe' style='display:block;width:400px;height:400px;'></iframe>
 
 					<?php

**EIN-LESER** · 31/07/2012, 16h29

Sinon un autre bouton en plus qui au click declenche une petite fonction javascript qui soumets touts les formulaires.

Code :

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

document.getElementById("monform1").submit();

tu boucle sur le nombre de formulaires créés et sa devrait marcher je pense.

**coincoin22** · 31/07/2012, 17h16

Merci de ton aide mais je suis débutant et je galère !!

Peux-tu me donner un peu plus d'info en t'appuyant sur mon code ??

Merci encore !!

**patrickbaras** · 01/08/2012, 00h05

a) il faut avoir name=\"input[1][validation]\" (avec le [1] qui change a chaque nouveau formulaire passe a [2][3][4]...) et pas name=\"validation\" sinon comment veux-tu que le test
javascript
if(MyForm.elements[y].name.substring(0,6)=='input[')
fonctionne if test si le nom de l'element [y] de la form commence par 'input['

b) essaye d'abord de comprendre mon exemple avant d'essayer de l'appliquer

**patrickbaras** · 01/08/2012, 00h31

Envoyé par EIN-LESER

tu boucle sur le nombre de formulaires créés et sa devrait marcher je pense.

marche pas en javascript "simple"
pour faire cela il faut faire des requêtes ajax synchrones

**EIN-LESER** · 01/08/2012, 10h44

Envoyé par patrickbaras

marche pas en javascript "simple"
pour faire cela il faut faire des requêtes ajax synchrones

Bien sur que ça fonctionne. Suffit de mettre en place un compteur pour savoir combien de formulaires ont été crée par la boucle et réutiliser ce chiffre pour délimiter le nombre de fois que doit tourner la boucle javascript.

Pour avoir accès a la variable PHP en javascript il suffit de déclarer la boucle javascript en php.

**patrickbaras** · 01/08/2012, 12h45

toutes mes excuses , les test que j'ai effectué ne fonctionne pas
ne marche pas

Code :

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

1
2
3
4
5
6
7
8
<script>
	var DocForm = document.getElementsByTagName("form");
	var nbrForm=DocForm.length;
	for(x=0;x<nbrForm-1;x++)
	{
		DocForm[x].submit();
	}
</script>

pas mieux avec

Code :

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

1
2
3
4
5
<script>
      document.getElementsById("form1").submit();
      document.getElementsById("form2").submit();
      document.getElementsById("form3").submit();
</script>

tu a un exemple de code qui fonctionne cela m'intéresse beaucoup.

d'avance merci, et encore toutes mes excuses

**EIN-LESER** · 01/08/2012, 13h12

Meme document.getElementsById("form1").submit(); seul ne fonctionne pas?

**patrickbaras** · 01/08/2012, 13h31

????
evidement que cela fonctionne pour envoyer un formulaire seul, mais on essaye de faire un envois groupé.

tu dis que cela fonctionne , j'aimerai voir le code que tu a utilisé pour tester.

**EIN-LESER** · 01/08/2012, 14h14

Tu commence par faire ta boucle en php pour creer tes formulaires

ensuite au lieu de faire ton script comme sa:

Code :

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

1
2
3
<script>
 
</script>

Tu le déclare en PHP pour avoir accès a la variable comptant le nombre de formulaires créés.

Code :

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

1
2
3
4
5
6
7
8
9
10
echo(" 
<script type=\"text/javascript\">  
for(i=0; i<=".$compteur."; i++)
{
    document.getElementsById('form".$compteur."').submit();
 
} 
 
</script> 
");

Tes formulaires portent tous l'id form suivi d'un chiffre correspondant a la position du compteur.
PS ne pas oublier dans la boucle php de commencer avec le compteur a 1 et non a 0.

**patrickbaras** · 01/08/2012, 15h50

j'ai donc un fichier php qui génére les forms
et le script a chaque passage

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
<?php
$nbrForm=5;
for($compteur=1;$compteur<=$nbrForm;$compteur++)
{
	echo ("<form id='form$compteur' action='form_target.php' method='post' target='test_iframe'>\n");	
	echo ("<input type='text' name='test' value='".(152+$compteur)."'><br/>\n");	
	echo ("</form>\n");	
	echo("
	<script type=\"text/javascript\">  
			for(i=0; i<=".$compteur."; i++)
			{
				document.getElementById('form".$compteur."').submit();
			 
			} 
	</script> 
	\n");	
}
	echo ("<input type='button' value='submit all form' onclick='SubmitAll();'>\n");	
 
echo ("<iframe name='test_iframe' style='display:block;width:1000px;height:400px;'></iframe>\n");	
?>

c'est bien comme cela que tu vois la chose ?

**EIN-LESER** · 01/08/2012, 16h24

Sur quelle base tu cree tes formulaires je ne sais pas.
Ce que je dis c'est que du coté php tu a ta boucle qui cree tes formulaires.
A chaque passage dans cette boucle tu incremente une variable devlaré hors de ta boucle.

Ensuite tu te sers de cette variable pour donner le nombre de fois a boucler pour ta fonction submit.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$nbrForm=1;
for(ta condition de boucle)
{
	echo ("<form id='form$compteur' action='form_target.php' method='post' target='test_iframe'>\n");	
	echo ("<input type='text' name='test' value='".(152+$compteur)."'><br/>\n");	
	echo ("</form>\n");	
 
}
	echo ("<input type='button' value='submit all form' onclick='SubmitAll();'>\n");	
 
echo ("<iframe name='test_iframe' style='display:block;width:1000px;height:400px;'></iframe>\n");	
?>

et dans le head

Code :

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

1
2
3
4
5
6
7
8
9
10
echo(" 
<script type=\"text/javascript\">  
for(i=1; i<=".$nbrForm."; i++)
{
    document.getElementsById('form".$compteur."').submit();
 
} 
 
</script> 
");

**patrickbaras** · 01/08/2012, 16h46

nous en rediscuterons quand tu aura un exemple code qui fonctionne.

**EIN-LESER** · 01/08/2012, 16h54

Je suis pas la non plus pour te fournit ton code clé en main

C'est une plateforme d'entre aide non pas uns SSII.

En conclusion ton script est UNIQUEMENT présent dans le head.
Tu cree tes forms normalement et quand l'user clique sur le bouton submit all cela appel ta fonction de submit dans le heat.

**patrickbaras** · 01/08/2012, 17h05

que la fonction javascript soit dans le head ou pas qu'elle soit générée par php ou encodée directement que le nombre de form soit donné par une variable php ou pas.
cela ne change rien a l'affaire , une série de form..x...submit(); n'envois que les information de la dernière form.

je pensé sérieusement que tu avais une solution éprouvée.

Envoi groupé de formulaire [Débutant(e)]

Langage PHP

Discussions similaires

Partager

Partager