Données venant d'ajax non postées

**senacle** · 02/05/2008, 16h33

Voir le document joint pour une copie d'écran.

Lorsqu’on spécifie dans le champ « Nombre d’options » un nombre, les champs Option 1,… sont affichés en utilisant ajax.

Quand je clique sur Ajouter, les variables liées aux champs Option 1,… ne sont pas postées.

Pourtant, le code généré semble correct.

Voici le code généré (récupéré avec l'extension firefox webdevelopper) :

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
 
<form action="addelemgen.php" method="post" name="formelemgen">
</form>
<tbody>
	<tr>
		<td width="400"><b>Libellé</b>&nbsp;<input name="libelemgen" size="40" maxlength="255" type="text"></td>
		<td width="400"><b>Type</b>&nbsp;
			<select name="typeelemgen" onchange="javascript:champ_formulaire()">
				<option></option>
				<option value="2__CheckBox">Case à cocher</option>
				<option value="7__TextBox">Champ texte</option>
				<option value="5__Date">Date</option>
				<option value="3__Radio">Groupe d'options</option>
				<option value="6__Label">Label</option>
				<option value="4__Select">Liste déroulante</option>
				<option value="1__Blank">Zone de séparation</option>
				<option value="8__TextArea">Zone de texte</option>
			</select>
		</td>
	</tr>
	<tr>
		<td colspan="2" style="display: none;" id="size">
			<table>
				<tbody>
					<tr>
						<td><b>Expression rationnelle</b></td>
						<td><input name="regexpelemgen" size="100" maxlength="100" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
		<td style="" id="nb_option">
			<table>
				<tbody>
					<tr>
						<td><b>Nombre d'options</b></td>
						<td><input name="nb_option" id="idjs_nb_option" size="10" maxlength="2" onkeyup="affiche_nb_option(document.getElementById('idjs_nb_option').value);" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
		<td style="" id="option">
			<table>
				<tbody>
					<tr>
						<td><b>Option 1</b></td>
						<td><input name="nb_option_1" size="20" maxlength="100" type="text"></td>
					</tr>
					<tr>
						<td><b>Option 2</b></td>
						<td><input name="nb_option_2" size="20" maxlength="100" type="text"></td>
					</tr>
					<tr>
						<td><b>Option 3</b></td>
						<td><input name="nb_option_3" size="20" maxlength="100" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
	</tr>
	<tr align="center">
		<td>&nbsp;</td>
	</tr>
	<tr align="center">
		<td colspan="2"><input name="fromadminelemgen" value="admin.php" type="hidden"><input name="ID_ELEMENT_MENU" value="4" type="hidden"><input value="Ajouter" onclick="javascript:validationelemgen()" type="button"></td>
	</tr>
</tbody>

Je devrais pouvoir récupérer nb_option_1, etc en POST, mais ce n'est pas le cas.

**darkstar123456** · 02/05/2008, 21h43

Si tu affiches les variables $_POST avec print_r() tu n'as rien du tout ?

PS : Prochaine fois, prends le temps d'indenter ton code pour qu'on ai pas à le faire stp...

**senacle** · 05/05/2008, 08h03

Ben non, c'est pareil...

PS : J'ai posté mon message à la dernière minute, donc j'ai pas eu le temps de mettre le code en forme. C'est fait maintenant.

**darkstar123456** · 05/05/2008, 08h28

Ton <form></form> a une portée nulle :

Code html :

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

1
2
3
 
<form action="addelemgen.php" method="post" name="formelemgen">
</form>

La balise </form> doit se trouver après ton dernier input (dans ton cas, le dernier est <input ..... type="button" />)

Perso, le <input type="button" /> marchait pas chez moi, j'ai donc mis input="submit" et tout fonctionne, voici le code que j'ai testé :

Code html :

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
 
<form action="addelemgen.php" method="post" name="formelemgen">
 
<tbody>
	<tr>
		<td width="400"><b>Libellé</b>&nbsp;<input name="libelemgen" size="40" maxlength="255" type="text"></td>
		<td width="400"><b>Type</b>&nbsp;
			<select name="typeelemgen" onchange="javascript:champ_formulaire()">
				<option></option>
				<option value="2__CheckBox">Case à cocher</option>
				<option value="7__TextBox">Champ texte</option>
				<option value="5__Date">Date</option>
				<option value="3__Radio">Groupe d'options</option>
				<option value="6__Label">Label</option>
				<option value="4__Select">Liste déroulante</option>
				<option value="1__Blank">Zone de séparation</option>
				<option value="8__TextArea">Zone de texte</option>
			</select>
		</td>
	</tr>
	<tr>
		<td colspan="2" style="display: none;" id="size">
			<table>
				<tbody>
					<tr>
						<td><b>Expression rationnelle</b></td>
						<td><input name="regexpelemgen" size="100" maxlength="100" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
		<td style="" id="nb_option">
			<table>
				<tbody>
					<tr>
						<td><b>Nombre d'options</b></td>
						<td><input name="nb_option" id="idjs_nb_option" size="10" maxlength="2" onkeyup="affiche_nb_option(document.getElementById('idjs_nb_option').value);" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
		<td style="" id="option">
			<table>
				<tbody>
					<tr>
						<td><b>Option 1</b></td>
						<td><input name="nb_option_1" size="20" maxlength="100" type="text"></td>
					</tr>
					<tr>
						<td><b>Option 2</b></td>
						<td><input name="nb_option_2" size="20" maxlength="100" type="text"></td>
					</tr>
					<tr>
						<td><b>Option 3</b></td>
						<td><input name="nb_option_3" size="20" maxlength="100" type="text"></td>
					</tr>
				</tbody>
			</table>
		</td>
	</tr>
	<tr align="center">
		<td>&nbsp;</td>
	</tr>
	<tr align="center">
		<td colspan="2"><input name="fromadminelemgen" value="admin.php" type="hidden"><input name="ID_ELEMENT_MENU" value="4" type="hidden"><input value="Ajouter" onclick="javascript:validationelemgen()" type="submit"></td>
	</tr>
</tbody>
</form>
<?php
echo "<pre>";
print_r($_POST);
echo "</pre>";
?>

**senacle** · 05/05/2008, 09h47

Je l'avais remarqué.
Je pense que c'est l'extension webdevelopper qui fait ça, de même que les différentes balises tbody, que je n'ai pas mis dans mon code.

Si le problème venait de <form>, aucune donnée ne serait postée, ce qui n'est pas le cas.
Seules les données nb_option_1 etc ne sont pas postées.

Le problème est donc ailleurs.
Est-ce que le fait d'afficher par ajax la partie concernée dans un tableau et non un div peut l'expliquer ?

**Assimil** · 05/05/2008, 09h50

C'est possible d'avoir la page en entier avec le JS pour pouvoirs faire des test stp ?

Pas le php par contre, juste la sortie HTML

Données venant d'ajax non postées

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager