Augmenter un array php via js

**bastien** · 16/09/2008, 09h47

Bonjour,

J'ai un formulaire php qui contient le champ

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

Merci

**SpaceFrog** · 16/09/2008, 10h06

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<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

**bastien** · 16/09/2008, 22h50

ok ok ok ...

J'ai visit� le post FORM DYNAMIQUE mais pas tout saisie moi...

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

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
<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

**SpaceFrog** · 17/09/2008, 08h31

c'est pas dans la FAQ �a ?

**Bovino** · 17/09/2008, 08h58

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

icheckbox[i] is not defined

ou

javascript is case sensitive

?

**bastien** · 17/09/2008, 09h52

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

Voici le code:

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
 
 
 
 
<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�?

**SpaceFrog** · 17/09/2008, 09h55

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

cb.name = "checkbox_pj[]"

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**Bovino** · 17/09/2008, 10h16

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

document.forms[formulaire].elements.checkbox_pj

cherche en fonction du name...

**bastien** · 17/09/2008, 10h32

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

J'en perds un peu mon latin... mon javascript pardon

**Bovino** · 17/09/2008, 10h37

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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...

**bastien** · 17/09/2008, 11h04

ok, bon reprenons � la base

Pour nommer les name, je peux utiliser:

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
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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

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
			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...

**SpaceFrog** · 17/09/2008, 11h09

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

GetElementsByName('name'+i)

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

c'est pourtant clairement pr�cis� dans mon article

**bastien** · 17/09/2008, 11h12

D�sol� de n'avoir pas tout saisi de ton article! mais je n'ai tr�s certainement pas ton niveau pour coder...

**SpaceFrog** · 17/09/2008, 11h15

pour coder ? peu importe l� il te suffit de lire l'article ...

**bastien** · 17/09/2008, 11h22

D�sol� que tu sois fach� mais je te remercie pour ton aide

**SpaceFrog** · 17/09/2008, 11h26

non pas f�ch� du tout ...
mais bon la solution �tait l� depuis le d�but ...

Augmenter un array php via js

JavaScript

Discussions similaires

Partager

Partager