post et bouton checkbox

Version imprimable

Bonjour,

Je souhaite connaitre la valeur des boutons radio créé dynamiquement via le code :
Code:

1 2 3 4 5 6 7 8 9 var cb = document.createElement( "<input name='listupload[]' />" ); cb.type = "checkbox"; cb.id = "id"+i; //i est incrementé cb.checked = true; cb.value=i; txt.push(document.createTextNode( nom )); document.getElementById( 'append' ).appendChild( cb ); document.getElementById( 'append' ).appendChild( txt[txt.length-1] );
je crée plusieurs checkbox et
le formulaire a 'action' bien dirigé vers le fichier test.php qui contient $_POST['listupload']. Je soumets le formulaire.

Cependant en réalisant echo $_POST['listupload'][0].
Je n'obtiens rien
un p'tit coup de main, merci

17/09/2008, 16h13
Bovino

Souviens toi :

Citation:

Envoyé par SpaceFrog

il va te falloir créer un nouvel input dynamiquement avec le même name et lui attribuer la nouvelle valeur ...

Du coup ayant plusieurs inputs de même name avec des [] coté client tu récupèreras bien un array coté php

Dans le cas des boutons radio, seul la valeur de celui qui est coché est envoyée, donc un seul item donc pas de tableau PHP.

FAut -il que je crée un élément listupload[i] avec i incrémenté?
du style

Code:

1
2
3
4
5
6
7
8
var cb = document.createElement( "<input name='listupload["+i+"]' />" );
cb.type = "checkbox";
cb.id = "id"+i; //i est incrementé
cb.checked = true;
cb.value=i;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );

17/09/2008, 16h33
bastien

Je rectifie : je ne travaille pas avec des boutons radio, pardon mais des checkbox et au regard du code précédemment donné, je ne saisis pas mon erreur!
17/09/2008, 16h41
E.Bzz

Bonjour,

Citation:

Envoyé par bastien

Je rectifie : je ne travaille pas avec des boutons radio, pardon mais des checkbox

C'est peut-être de là que vient le problème : le name commun à plusieurs input est normalement réservé aux radios, qui sont associés, justement par ce name commun.
Cela ne se justifie pas pour des checkbox dont le fonctionnement est indépendant.
Chaque checkbox cochée est envoyée et récupérée par son name ...

A+
17/09/2008, 16h41
SpaceFrog

tu testes sous ffx ou IE ?
17/09/2008, 16h50
bastien

sous IE7 mais il faudra qu'il fonctionne également sous firefox (pas encore essayé!)

ou alors cb.value n'enregistre pas la valeur i?!:?

Citation:

C'est peut-être de là que vient le problème : le name commun à plusieurs input est normalement réservé aux radios, qui sont associés, justement par ce name commun.
Cela ne se justifie pas pour des checkbox dont le fonctionnement est indépendant.
Chaque checkbox cochée est envoyée et récupérée par son name ...

J'en conviens mais pourtant le code suivant fonctionne et le name est identique à chaque fois!
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 <?php if (isset($ok)) { $site=$_POST['site']; foreach ($site as $choix) { echo "Choix utilisateur : ",$choix,"<br>"; } } ?> <html> <body> <form action="<?$PHP_SELF;?>" method="post"> Le site de Honolulu vous apprend des choses sur : <input type="checkbox" name="site[]" value="HTML"> HTML <input type="checkbox" name="site[]" value="PHP"> PHP <input type="checkbox" name="site[]" value="Javascript"> JS <input type="submit" value="valider" name="ok"> </form> </body> </html>

17/09/2008, 17h11
curunir

Juste par hasard, si tu ne fais pas d'attributs id à tes checkbox ?

L'attribut id est normalement défini (cf rouge gras)
Citation:
Envoyé par bastien
FAut -il que je crée un élément listupload[i] avec i incrémenté?
du style
Code:

1 2 3 4 5 6 7 8 var cb = document.createElement( "<input name='listupload["+i+"]' />" ); cb.type = "checkbox"; cb.id = "id"+i; //i est incrementé cb.checked = true; cb.value=i; txt.push(document.createTextNode( nom )); document.getElementById( 'append' ).appendChild( cb ); document.getElementById( 'append' ).appendChild( txt[txt.length-1] );

17/09/2008, 17h17
SpaceFrog

j'ai un doute c'est pas

Code:

$_POST[var[]][0]
17/09/2008, 17h20
E.Bzz
Citation:

Envoyé par bastien

J'en conviens mais pourtant le code suivant fonctionne et le name est identique à chaque fois!

Tu n'utilises pas la même syntaxe :
Code:

1 2 3 4 5 6 7 <?php $site=$_POST['site']; foreach ($site as $choix) { echo "Choix utilisateur : ",$choix,"<br>"; } ?>
et

Code:

echo $_POST['listupload'][0]

Tu as essayé avec la même (désolé de pas être plus affirmatif, mais moi, le PHP :aie: )

A+
17/09/2008, 17h20
curunir

Citation:

Envoyé par bastien

L'attribut id est normalement défini (cf rouge gras)

La où je voulais en venir est que je me demandais si le fait d'avoir des checkbox avec le même nom mais des id différents pouvaient perturber la récupération des variables par PHP. Il me semble avoir déjà eu des surprises sur ce genre de choses.
17/09/2008, 17h32
E.Bzz

Citation:

Envoyé par curunir

mais des id différents pouvaient perturber la récupération des variables par PHP.

Heu ... :koi:
Ce n'est pas avec des id identiques que ça risque de mieux fonctionner ...

A+
17/09/2008, 17h36
curunir

Justement, il utilise des id différents (cb.id = "id"+i; //i est incrementé), peut-être est-ce le problème.
17/09/2008, 18h01
E.Bzz

Citation:

Envoyé par curunir

Justement, il utilise des id différents (cb.id = "id"+i; //i est incrementé), peut-être est-ce le problème.

Les id doivent (toujours) être différents ...

Désolé de ne pas avoir suivi la conversation, mais une autre tache importante m'imposait d'abonner (momentanément :lol:) le forum.

Voici où j'en suis resté:

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
<html>
   <head>
   <script language="Javascript">
 
var listfile=new Array();
var txt=new Array();
var espace=new Array();
			
function AjoutUpload(formulaire)
{
listfile.push(document.forms[formulaire].elements.nomfichier.value);
var adr=listfile[listfile.length-1].lastIndexOf("\\");
var fic=listfile[listfile.length-1].substring(adr+1).split(".");
nom=(fic[0]+"."+fic[1]);	
var i = parseInt(document.getElementById( "iCheckboxes" ).value);	
var cb = document.createElement( "<input name='listupload["+i+"]' />" );
espace.push(document.createElement("br"));
cb.type = "checkbox";
cb.id = "id"+i;
cb.value=document.forms[formulaire].elements.nomfichier.value;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );
document.getElementById( 'append' ).appendChild( espace[txt.length-1] );
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
}
			
function Listing()
{
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.getElementById('id'+i).checked)
{
document.getElementById( 'append' ).removeChild(document.getElementById('id'+i));
document.getElementById( 'append' ).removeChild(txt[i]);
document.getElementById( 'append' ).removeChild(espace[i]);
}
}
}
			
   </script>
   </head>
<body>
<?php
	$fichier=$_POST['listupload[]'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form_messagerie" id="form" method="post" enctype="multipart/form-data">
  <div id="append" name="append"></div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="AjoutUpload('form_messagerie')" />
   <input type="button" value="liste" onclick="Listing()" />
<input class="i_text" type="file" size="20" name="nomfichier">
<input type="submit" tabindex="9" :>   </form>
</body>
</html>

J'obtiens l'erreur:

Code:

Parse error: syntax error, unexpected '[', expecting ']'

Je modifie le code php:

Code:

1
2
3
4
5
6
<?php
	$fichier=$_POST['listupload'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>

J'ai l'erreur:

Code:

Warning: Variable passed to each() is not an array or object

Je modifie le code php:

Code:

1
2
3
4
5
6
<?php
$fichier=$_POST['listupload'][0];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>

J'ai l'erreur:

Code:

Warning: Variable passed to each() is not an array or object

J'ai du mal à comprendre que $fichier n'est pas un array puisque les input on un nom de tableau incrémenté lors de leur création !

18/09/2008, 08h56
SpaceFrog

Code:

var cb = document.createElement('<input name="listupload[]" />' );

pas de i dans les crochets !
18/09/2008, 09h00
bastien

DAns toutes les documentations que je peux parcourir, il est notifié que le nom des checkbox doit être

Code:

<input name='listupload[]' />

et le retour des valeurs doit être $_POST['listupload'].

mais pourquoi me signale-t-il avant de toucher à quoi que ce soit que la donnée contenue dans each n'est pas un tableau?

Alleluia :yaisse2::yaisse2:

J'ai trouvé le défaut:
IL FAUT QUE LES CHECKBOX SOIENT COCHEES SINON AUCUNE VALEUR N'EST DANS LE POST!!!

Bref,

voici le code complet:

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
<html>
   <head>
   <script language="Javascript">
 
var listfile=new Array();
var txt=new Array();
var espace=new Array();
			
function AjoutUpload(formulaire)
{
listfile.push(document.forms[formulaire].elements.nomfichier.value);
var adr=listfile[listfile.length-1].lastIndexOf("\\");
var fic=listfile[listfile.length-1].substring(adr+1).split(".");
nom=(fic[0]+"."+fic[1]);	
var i = parseInt(document.getElementById( "iCheckboxes" ).value);	
var cb = document.createElement( "<input name='listupload[]' />" );
espace.push(document.createElement("br"));
cb.type = "checkbox";
cb.id = "id"+i;
cb.value=document.forms[formulaire].elements.nomfichier.value;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );
document.getElementById( 'append' ).appendChild( espace[txt.length-1] );
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
}
			
function Listing()
{
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.getElementById('id'+i).checked)
{
document.getElementById( 'append' ).removeChild(document.getElementById('id'+i));
document.getElementById( 'append' ).removeChild(txt[i]);
document.getElementById( 'append' ).removeChild(espace[i]);
}
}
function SubmitPJ(formulaire)
{
for (var i=0; i<txt.length; i++) {
document.getElementById('id'+i).checked=true;
}
// On soumet le formulaire
document.forms[formulaire].submit();
}
}
			
   </script>
   </head>
<body>
<?php
	$fichier=$_POST['listupload'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form_messagerie" id="form" method="post" enctype="multipart/form-data">
  <div id="append" name="append"></div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="AjoutUpload('form_messagerie')" />
   <input type="button" value="liste" onclick="Listing()" />
<input class="i_text" type="file" size="20" name="nomfichier">
<input type="button" tabindex="9"  onclick="javascript:SubmitPJ('form_messagerie');"/></form>
</body>
</html>

Voilà, je vous remercie pour votre aide et j'espère que ce bout de code aide ce qui en ont besoin.

18/09/2008, 09h33
SpaceFrog

1) essaye de faire un dump de $_POST pour voir ce qu'il contient

2) avec firefox regarde le code source Génére pour voir le code des inputs générés ...
18/09/2008, 09h45
bastien

En effet, sous firefox, les checkbox ne s'affichent pas et en plus le post ne contient aucun tableau.

Quelle partie de code ne fonctionne pas sous firefox?
18/09/2008, 09h56
Bovino

Code:

var cb = document.createElement( "<input name='listupload[]' />" );

Il me semble que cette syntaxe n'est valable que pour IE, pour FF, utilises le createElement('input') et cb.name='...'
18/09/2008, 09h57
bastien

D'après ta contribution, il faut modifier l'attribut de createElement car createElement(<input name='blabla'/>) ne fonctionne pas.

Donc je suppose que l'on réalise createElement("input" et que l'on définit cb.name='listupload[]';

Je vais essayer

Excuse moi Bovino, j'ai 1 minute de retard par rapport à toi...:lol:
18/09/2008, 10h01
SpaceFrog

il faut utiliser les deux syntaxes avec un test sur le navigateur ...
http://www.developpez.net/forums/d53...ynamique-form/

Je viens de tester le code suivant (certainement améliorable):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
var isIE =(document.all)?true:false;
var cb;
if(isIE)
{
cb = document.createElement( "<input name='listupload[]' />" );
cb.type = "checkbox";
cb.id = "id"+i;
cb.checked=true;
cb.value=document.forms[formulaire].elements.nomfichier.value;
}
else
{
cb = document.createElement( "input" );
cb.name='listupload[]';
cb.type = "checkbox";
cb.id = "id"+i;
cb.checked=true;
cb.value=document.forms[formulaire].elements.nomfichier.value;
}

18/09/2008, 11h00
E.Bzz

Autant utiliser la syntaxe correcte jusqu'au bout

Code:

cb.value=document.forms[formulaire].elements['nomfichier'].value;

;)

A+