Augmenter un array php via js

Version imprimable

Bonjour,

J'ai un formulaire php qui contient le champ
Code:

1 2 3 4 5 6 7 <form name="form_messagerie" id="form_add_guest" method="post" action="upload.php" > <input class="i_text" type="file" size="20" name="nomfichier"> <input type="button" name="joindre" value="Joindre" onclick="javascript:AjoutUpload('form_messagerie');"> <input type="hidden" name="MAX_FILE_SIZE" value="1000000"> <input type="hidden" name="listupload[]"> </form>
Le code pour la fonction AjoutUpload()
est
Code:

1 2 3 4 5 6 7 8 9 function AjoutUpload(formulaire) { var nom=document.forms[formulaire].elements.nomfichier.value; var adr=nom.lastIndexOf("\\"); var fic=nom.substring(adr+1).split("."); nom=fic[0]+"."+fic[1]; document.forms[formulaire].elements.listupload.push(nom); document.forms[formulaire].submit(); }
Je cherche à récupérer via l'envoi du formulaire la liste des fichiers uploadés dans le tableau php listupload.

J'ai une erreur sur la ligne

Code:

document.forms[formulaire].elements.listupload.push(nom);

mais je n'en comprends pas la raison.
Pouvez-vous m'aider à corriger?

Merci

16/09/2008, 10h06
SpaceFrog

Code:

<input type="hidden" name="listupload[]">

c'est un input pas un array ni une collection d'objets ...

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

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

ok ok ok ... :merci:

J'ai visité le post FORM DYNAMIQUE mais pas tout saisie moi...8O

Donc après mur réflexion, mon code va s'orienter vers cela :

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
<html>
   <head>
   <script language="Javascript">
 
     function append()
     {
        var i = parseInt(document.getElementById( "iCheckboxes" ).value);
        var cb = document.createElement( "input" );
        cb.type = "checkbox";
        cb.id = "id[]"
        cb.name = "id[]"
        cb.value = "test" + i;
        var text = document.createTextNode( "checkbox" );
        document.getElementById( 'append' ).appendChild( text );
        document.getElementById( 'append' ).appendChild( cb );
        document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
     }
 function resultat(){
var chemin=document.forms['form'].elements;
for(var i=0;i<chemin.iCheckbox.length;i++)
{
 alert(chemin.icheckbox[i].value);
}
}
   </script>
   </head>
<body>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form" id="form" method="post" enctype="multipart/form-data">
   <div id="append" name="append">Append here</div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="javascript:append()" />
   <input type="button" value="resultat" onclick="javascript:resultat()"/>
   <input type="submit" value="submit" />
   </form>
</body>
</html>

mais comment récupérer la valeur des checkbox cochés? J'ai un soucis sur la fonction résultat.

Pouvez-vous me corriger?
merci

17/09/2008, 08h31
SpaceFrog

c'est pas dans la FAQ ça ?

Code:

1 2 3 4 5 6 7 function resultat(){ var chemin=document.forms['form'].elements; for(var i=0;i<chemin.iCheckbox.length;i++) { alert(chemin.icheckbox[i].value); } }
un souci du type

Citation:

icheckbox[i] is not defined

ou

Citation:

javascript is case sensitive

?

Absolument, mais j'ai un soucis avec la récupération des valeurs du tableau.

Voici le code:

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
 
 
 
 
<html>
   <head>
   <script language="Javascript">
 
function append(formulaire)
{
var nom=document.forms[formulaire].elements.nomfichier.value;
document.getElementById( "iCheckboxes" ).value=nom;
var adr=nom.lastIndexOf("\\");
var fic=nom.substring(adr+1).split(".");
nom=fic[0]+"."+fic[1];	
var cb = document.createElement( "input" );
cb.type = "checkbox";
cb.id = "id[]"
cb.name = "checkbox_pj[]"
cb.value = nom;
cb.checked = true;
var text = document.createTextNode( nom );
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( text);
 
}
 
function resultat(formulaire)
{
alert(document.forms[formulaire].elements.checkbox_pj.length);
for( var i=0;i<document.forms[formulaire].elements.checkbox_pj.length;i++)
				{
if(document.forms[formulaire].elements.checkbox_pj[i].checked)
					{
alert(document.forms[formulaire].elements.checkbox_pj[i].value);
					}
				}
}
}
   </script>
   </head>
<body>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form" id="form" method="post" enctype="multipart/form-data">
   <div id="append" name="append">Append here</div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="javascript:append()" />
   <input type="button" value="resultat" onclick="javascript:resultat()"/>
   <input type="submit" value="submit" />
   </form>
</body>
</html>

Je ne parviens pas à récupérer le nombre de checkbox et la valeur de ceux qui sont sélectionnés. Bref, j'ai une erreur. mais où?

17/09/2008, 09h55
SpaceFrog
Code:

cb.name = "checkbox_pj[]"

:roll:
je vois bien que tu n'as pas compris le but du post sur les forms dynamiques ...
mais bon une chose à la foi... tu reviendra sans doute plus tard pour ça ...
Code:

1 2 alert(document.getElementsByName('checkbox_pj').length);
17/09/2008, 10h16
Bovino

Citation:

tu reviendra sans doute plus tard pour ça ...

Peut-être même plus tôt que tu ne crois... si les checkbox qu'il veut récupérer ont été créées dynamiquement, cela va poser problème puisque

Code:

document.forms[formulaire].elements.checkbox_pj

cherche en fonction du name...
17/09/2008, 10h32
bastien

Citation:

je vois bien que tu n'as pas compris le but du post sur les forms dynamiques ...
mais bon une chose à la foi... tu reviendra sans doute plus tard pour ça ...

Code :

alert(document.getElementsByName('checkbox_pj').length);

LA fenêtre me retourne 0. Donc j'en déduis que les éléments ne sont pas créés mais pourtant elles apparaissent sur la page.

De fait, il faut certainement un rafraichissement de la page via submit 8O
J'en perds un peu mon latin... mon javascript pardon:lol:
17/09/2008, 10h37
Bovino

Citation:

LA fenêtre me retourne 0. Donc j'en déduis que les éléments ne sont pas créés mais pourtant elles apparaissent sur la page.

Les éléments sont créés, pas leurs attributs name ! (C'est ce que SpaceFrog t'explique) donc

Code:

document.forms[formulaire].elements.checkbox_pj

ne récupère rien...
Tu pourrais bien passer par les id, mais comme tu affectes le même à tous tes checkbox (ce qui est mal) ça marchera pas non plus...

ok, bon reprenons à la base

Pour nommer les name, je peux utiliser:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function append(formulaire)
{
var nom=document.forms[formulaire].elements.nomfichier.value;
var adr=nom.lastIndexOf("\\");
var fic=nom.substring(adr+1).split(".");
nom=fic[0]+"."+fic[1];	
 
var i = parseInt(document.getElementById( "iCheckboxes" ).value);
var cb = document.createElement( "input" );
cb.type = "checkbox";
cb.id = "id"+i;
cb.name = "name"+i;
var text = document.createTextNode( nom );
document.getElementById( 'append' ).appendChild( text );
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
			}

^
Les objectifs sont:
- avoir des checkbox
- pouvoir les cliquer
- récupérer les valeurs des checkbox cliqués

Donc au final, je suis contraint d'ajouter le code suivant:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function resultat()
{
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.GetElementsByName('name'+i).checked)
{
alert(document.GetElementsByName('name'+i).value);
}
}
}

mais pas de résultat alors que certaines cases sont cochées.

Chaque checkbox porte pourtant un nom...

Par contre et j'en conviens, en passant par les id, pas de soucis

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
			function AjoutUpload(formulaire)
			{
				var nom=document.forms[formulaire].elements.nomfichier.value;
				var adr=nom.lastIndexOf("\\");
				var fic=nom.substring(adr+1).split(".");
				nom=fic[0]+"."+fic[1];	
 
				var i = parseInt(document.getElementById( "iCheckboxes" ).value);
				var cb = document.createElement( "input" );
				cb.type = "checkbox";
				cb.id = "id"+i;
				cb.name = "name"+i;
				cb.checked = true;
				cb.value=document.forms[formulaire].elements.nomfichier.value;
				var text = document.createTextNode( nom );
				document.getElementById( 'append' ).appendChild( text );
				document.getElementById( 'append' ).appendChild( cb );
				document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
			}
 
			function resultat()
			{
 
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.getElementById('id'+i).checked)
{
alert(document.getElementById('id'+i).value);
}
}
}

alert me retourne les valeurs de nomfichier.
Je reste dubitatif et je vous prie de m'en excuser. Pourquoi id passe et pas name???:?

Maintenant, je cherches à supprimer les checkbox sélectionnés...

17/09/2008, 11h09
SpaceFrog

Code:

GetElementsByName('name'+i)

:nono:

ensuite pour que le name soit pris en compte par IE ..;

Code:

document.createElement('<input name="machin" />')

c'est pourtant clairement précisé dans mon article :roll:
17/09/2008, 11h12
bastien

Désolé de n'avoir pas tout saisi de ton article! mais je n'ai très certainement pas ton niveau pour coder...
17/09/2008, 11h15
SpaceFrog

pour coder ? peu importe là il te suffit de lire l'article ...
17/09/2008, 11h22
bastien

Désolé que tu sois faché mais je te remercie pour ton aide
17/09/2008, 11h26
SpaceFrog

non pas fâché du tout ...
mais bon la solution était là depuis le début ... :roll: