convertir un �l�ment d'un array en string

Version imprimable

20/11/2009, 11h39
tanguy.L

convertir un �l�ment d'un array en string
Bonjour,

Je sais que ma question est vraiment basique, mais je n'ai pas trouv� comment faire...

j'ai un array pass� en param�tre d'une fonction js. Cet array contient des string. Je voudrais parcourir cet array pour ajouter ces �l�ments � un �l�ment select. Voici mon code:
Code:

1 2 3 4 5 6 var elOption = new Array(); for(i=0 ; i<eltsListe.length ; i++){ var option = eltsListe[i]; elOption.push(new Option(option.toString(), option.toString(), false, false)); }
� 'affichage j'ai parfois un undefined parfois sa plante.. �a d�pend de la m�thode. Avec celle l� j'ai rien.

Vous pouvez m'aider svp?

Merci
20/11/2009, 12h50
SpaceFrog

eltsListe c'est l'array pass� en param�tre ?

eltsListe[i] contient quoi ?

HA !!!

tu veux dire ajouter des options � un select � parir d'un array ??
C'est pas dans la FAQ ni les Contributions ??

Code:

document.createElement('option')

...

J'ai regard� sur un tuto de developpez pour faire mon code.
il s'agit de ce tuto : http://javascript.developpez.com/tut...=page_5#LV-A-1

J'y ai notamment trouv� ce bout de code
Code:

1 2 3 4 5 6 7 8 9 10 //Tableau contenant les options de la liste var elOption = new Array( new Option("Votre choix", "", false, false), new Option("Option 1", "valeur1", false, false), new Option("Option 2", "valeur2", false, false), new Option("Option 3", "valeur3", false, false), new Option("Option 4", "valeur4", false, false) );
ce que j'ai essay� de faire c'est de r�cup�rer les valeurs d'un tableau au lieu de mettre option 1, option2...
Mon tableau est construit comme cela :
Code:

1 2 3 4 5 <?php include("ajouterChampRequete.php"); $liste = array("jour","semaine","mois"); echo ajouterChampRequete(1,$liste,"form1","valider"); ?>
ajouterChamprequete me permet de faire plusieurs choses comme afficher un input texte, un select et un bouon qui ajoutera d'autres input.

Voici le bout de code du bouton
(qui se trouve donc dans :
Code:

1 2 function ajouterChampRequete($nbChampTexte, $eltsListe,$idParent,$idEnfant){
Code:

1 2 3 4 5 6 7 //Ajout du bouton $retour .= "<label>"; $retour .= '<input type="button" onclick="addinput('.$eltsListe.')"name="button" id="add" value="+" />'; $retour .= '<div id="moreinputs">'; $retour .= '</div>'; $retour .= "</label>";
Mais je suis coinc�. Je pense avoir fait pareil que dans le tuto pour la cr�ation des options, donc je crois que c'est la lecture de eltsListe[i] qui ne va pas...

Tu en penses quoi?

Pourquoi vouloir repasser en string ??
(Maintenant la fa�on dont tu g�res tes taches m�nag�res ne me regarde pas ^^)

soit tu passes du string dans les elements de l'array:

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
 
<script type="text/javascript">
var elOption = new Array(
                    ["Votre choix", "", false, false],
                    ["Option 1", "valeur1", false, false],
                    ["Option 2", "valeur2", false, false],
					   ["Option 2", "valeur2", false, false],
                    ["Option 2", "valeur2", false, false]
                    );
alert(elOption[0][3])
 
function foo(){
var i=0;
var elL=elOption.length
for(i=0;i<elL;i++){
 var newOpt=new Option(elOption[i][0],elOption[i][1],elOption[i][2],elOption[i][3])
 document.getElementById('monselect').options[document.getElementById('monselect').options.length]=newOpt;
 }
 }
</script>
</head>
 
<body onload="foo()">
<select id="monselect">
</select>
</body>

soit tu conserves les objets :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var elOption = new Array ( new Option("Votre choix", "", false, false),
				  new Option("Option 1", "valeur1", false, false),
				  new Option("Option 2", "valeur2", false, false),
				  new Option("Option 3", "valeur3", false, false),
				  new Option("Option 4", "valeur4", false, false)
                    );
 
 
function foo(){
var i=0;
var elL=elOption.length
for(i=0;i<elL;i++){
var newOpt=new Option(elOption[i][0],elOption[i][1],elOption[i][2],elOption[i][3])
 document.getElementById('monselect').options[document.getElementById('monselect').options.length]=elOption[i];
 }
 }

20/11/2009, 14h10
Bovino
Code:

1 2 $liste = array("jour","semaine","mois"); echo ajouterChampRequete(1,$liste,"form1","valider");
Et tu crois vraiment qu'en faisant un echo d'une variable PHP, �a va te transformer un tableau PHP en tableau JavaScript ???
Ca revient au m�me que de vouloir cr�er un PDF en changeant juste l'extension d'un fichier texte...
http://javascript.developpez.com/faq...aux#arrayPHPJS

J'ai l'impression qu'on ne parle pas de la m�me chose.
Au risque d'�tre lourd, je vais mettre mon code en entier, en vous expliquant au mieux...

Je me permet de faire �a, car le code que j'ai est fonctionnel, la seule chose qui va pas c'est qu'il met des undefined dans le select...

J'ai une page php dans laquelle je construit une zone de requete.

Code:

1
2
3
4
5
6
7
 
<div id="eltRequete">
   	 	<?php include("ajouterChampRequete.php"); 
                        $liste = array("jour","semaine","mois");
                echo ajouterChampRequete(1,$liste,"form1","valider");
                ?>
    </div>

La fonction ajouterChampRequete me permet de construire un string d�finissant la strucure d'une ligne de requete, � savoir, un input texte, un select et un bouton.
Voici tout le code de ajouterChampRequete .php

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
 
<?php
function ajouterChampRequete($nbChampTexte, $eltsListe,$idParent,$idEnfant){
        $retour = '<span id="inputline">';
    
    //Ajout des champs texte
        for($i=0 ; $i<$nbChampTexte ; $i++){
                $retour .= '<label>';
                $retour .= "<input type="."text"." name="."textfield"." id="."textfield".$i." />";
                $retour .= '</label>';
                $retour .= '    ';
        }
        
    
    //Ajout de la liste
        $retour .= "<label>";
        $retour .= '<select name="select" id="select" size="1">';
        for($i=0 ; $i<count($eltsListe) ; $i++){
                $retour .= "<option value=".$eltsListe[$i].">".$eltsListe[$i]."</option>";
        }
        $retour .= '</select>';
        $retour .= "</label>";
        
    
    //Ajout du bouton
        $retour .= "<label>";
        $retour .= '<input type="button" onclick="addinput('.$eltsListe.')"name="button" id="add" value="+" />';
        $retour .= '<div id="moreinputs">';
        $retour .= '</div>';
        $retour .= "</label>";
        $retour .= "</span>";
        
        return $retour;
}
?>

Comme j'ai eu la bonne id�e de charger le script contenant la m�thode addinput(Array) dans ma premi�re page php, le bouton que je vieens de cr�er, peut effectivement lancer le script.

Voici le script :

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
 
function addinput(eltsListe){
 
var elInput = new Array();
 
for (i=0;i<2;i++)
{
	elInput[i] = document.createElement("input");
	elInput[i].type = "text";
}
 
 
//création de l'élément select
var elSelect = document.createElement("select");	
elSelect.size = "1";	
 
 
//Tableau contenant les options de la liste
var elOption = new Array();
for(i=0 ; i<eltsListe.length ; i++){
	var option = eltsListe[i];
	elOption.push(new Option(option, option, false, false));
}
 
//Appel des objets formulaire et bouton
var elForm = document.getElementById("form1");
var objBouton = document.getElementById("valider");
 
elForm.insertBefore(elInput[0], objBouton);	//1er INPUT
 
elForm.insertBefore(elSelect, objBouton);	//Ajout du select
 
//Ajout dans le select des options (1)
for (i=0;i<elOption.length;i++)			
{
    elSelect.options.add(elOption[i]);
}
 
elForm.insertBefore(elInput[1], objBouton);	//2ème INPUT
 
//Saut de ligne 1
elForm.insertBefore(document.createElement("br"), objBouton);	
}

Alors?Je suis compl�tement � c�t�?
Merci

20/11/2009, 14h51
BaBeuH

Je rejoins Bovino par rapport au fait que tu ne peux pas transformer une variable PHP en Javascript avec un simple echo...

Si tu regardes d'ailleurs le code HTML g�n�r�, tes boutons, le onclick doit ressembler � un truc du genre

Code:

onclick="addinput('Array')"

Tu ne peux pas passer un "objet" PHP � un objet javascript "simplement"...

A+
20/11/2009, 14h59
tanguy.L

c'est effectivement ce que j'obtiens...
j'avais pas compris ce que Bovino voulait dire...

D�sol�.

Je vais travailler la dessus et je vous tiens au courant
Merci
20/11/2009, 16h33
tanguy.L
j'ai r�ussit � obtenir cela dans mon code html

Code:

onclick="addinput(jour_semaine_mois)"

Je pensais que c'�tait tout bon, car du coup je fais :
Code:

1 2 3 function addinput(listeAvec_){ var eltsListe = listeAvec_.split('_');
Mais �a ne marche pas une id�e?
20/11/2009, 16h54
Bovino

Il te manque des quotes, voici ce que tu devrais obtenir :

Code:

onclick="addinput('jour_semaine_mois')"

effectivement �a marche mieux comme �a :)

Mais j'ai encore un probl�me...
Tous les mots de mon array se mettent � la suite dans la m�me option...
Donc au lieu d'avoir trois options, j'en ai 1.

Voici le bout de code correspondant.
C'est promis ensuite je vous laisse tranquille!!
En tout cas un grand merci pour toute votre aide!!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 //Tableau contenant les options de la liste var elOption = new Array(); for(i=0 ; i<eltsListe.length ; i++){ var option = eltsListe[i]; elOption.push(new Option(option, option, false, false)); } //Appel des objets formulaire et bouton var elForm = document.getElementById("form1"); var objBouton = document.getElementById("valider"); elForm.insertBefore(elInput[0], objBouton); //1er INPUT elForm.insertBefore(elSelect, objBouton); //Ajout du select //Ajout dans le select des options (1) for (i=0;i<elOption.length;i++) { elSelect.options.add(elOption[i]); }

20/11/2009, 20h23
SpaceFrog

la reponse a �t� donn�e plus haut ...

Code:

elSelect.options[ elSelect.options.length]=elOption[i];
20/11/2009, 20h54
tanguy.L

Merci!!!!

Mes questions n'�taient pas ouf, mais j'�tais compl�tement dans les choux, donc votre aide �tait super!!