nom de variable dynamique

Version imprimable

Bonjour à tous,

je souhaite déclarer dynamiquement des noms de variables afin de les réutiliser dans d'autres fonctions mais je bloque un peu, voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 function test(){ var tab = new Array("nom","prenom","mail"); var size = tab.length; for(i=0;i<=size;i++){ var window[tab[i]] = document.nomform.elements[tab[i]].value; } alert(prenom); }
tab contient les noms de tous mes champs
size est le nombre d'éléments du tableau précédent
la boucle sert à définir le nom des champs de cette manière:
- var window[tab[i]] pour dire var nom, var prenom...
- document.nomform.elements[tab[i]].value; pour récupérer la value des champs de mon formulaire

le problème c'est que mon i n'est pas pris en compte et que ça fonctionne uniquement si je remplace le i par 0,1 ou 2, ce qui correspond au nombre d'éléments de mon array.

Est ce que vous auriez une solution à mon problème afin que mes variables puissent se créer entièrement dynamiquement?

Merci d'avance et bon week end!
Gwen

03/10/2008, 17h24
E.Bzz

Bonjour,
le dernier élément d'un array est length - 1 ;)

Code:

for(i=0;i<size;i++){

A+
03/10/2008, 17h26
ryan

Yop!

Il me semble tout d'abord qu'il y a une erreur dans le contrôle de la boucle: i doit être strictement inférieur à size, et non pas inférieur ou égal, non?

Edit: grillé :mouarf:
03/10/2008, 18h01
marts

Enlèves var devant window.

Merci de vos réponse, j'ai un peu avancé par contre maintenant il me met: document.nomform is undefined, et je ne vois absolument pas pourquoi...
à tout hasard voici mon code, rien de plus simple...

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function test(){
 
	tab = new Array("nom","prenom","mail");
	size = tab.length;
 
	for(i=0;i < size;i++){
		window[tab[i]] = document.nomform.elements[tab[i]].value;
		}
	alert(nom);
	alert(prenom);
	alert(mail);
	}
	window.onload=test();
</script>
</head>
 
<body>
<form method="post" name="nomform" id="nomform">
	<input type="text" name="nom" value="valu nom" />
	<input type="text" name="prenom" value="valu prenom" />
	<input type="text" name="mail" value="valu email" />
</form>
</body>
</html>

Yop!

Et ceci:

Code:

1
2
 
document.forms.monform.elements[tab[i]].value;

04/10/2008, 13h06
gwena54

ryan, avec ton code, ça me fait une erreur encore plus bizarre: TypeError: Undefined value
04/10/2008, 15h11
ryan
Yop!

Ouuui, j'ai fait une faute de frappe. Le nom de ton formulaire est "nomform" et pas "monform"...

Donc:
Code:

1 2 document.forms.nomform.elements[tab[i]].value;

Code:

1
2
3
4
5
6
7
8
9
10
11
function test(){
	tab = new Array("nom","prenom","mail");
        var nom, prenom, mail;
	for(i=0;i < tab.length;i++){
		tab[i] = document.forms['nomform'].elements[tab[i]].value;
		}
	alert(nom);
	alert(prenom);
	alert(mail);
	}
	window.onload=test();

04/10/2008, 18h11
gwena54

si je remplace alert(nom) par alert(tab[0]) ça fonctionne bien, j'ai la value du champs nom
mais sinon ça ne fonctionne pas
05/10/2008, 03h41
marts

Code:

window.onload=test;

sans parenthèses.
05/10/2008, 12h18
gwena54

le seul résultat que j'ai c'est undefined concernant les variables nom, prenom, email
le tab[i] ne fonctionne pas comme il devrait on dirait...

Yop!

Tu devrais peut-être faire un eval:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function test(){
 
	tab = new Array("nom","prenom","mail");
	size = tab.length;
 
	for(i=0;i < size;i++){
		eval(tab[i] + " = document.nomform.elements[tab[i]].value;");
		}
	alert(nom);
	alert(prenom);
	alert(mail);
	}
</script>
</head>
 
<body>
<form method="post" name="nomform" id="nomform">
	<input type="text" name="nom" value="valu nom" />
	<input type="text" name="prenom" value="valu prenom" />
	<input type="text" name="mail" value="valu email" />
	<input type="button" onclick="test()">
</form>
</body>
</html>

05/10/2008, 17h23
gwena54

ça fonctionne avec l'eval super!
j'avais essayé de l'intégrerr dans ma fonction mais de la mauvaise manière à savoir eval(tab[i]) = document...

bon ben voilà une chose de résolue!
merci à vous pour l'aide!:king: