nom de variable dynamique

**gwena54** · 03/10/2008, 17h12

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**E.Bzz** · 03/10/2008, 17h24

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

**ryan** · 03/10/2008, 17h26

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é

**marts** · 03/10/2008, 18h01

Enlèves var devant window.

**gwena54** · 03/10/2008, 18h41

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 :

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

**ryan** · 03/10/2008, 20h32

Yop!

Et ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**gwena54** · 04/10/2008, 13h06

ryan, avec ton code, ça me fait une erreur encore plus bizarre: TypeError: Undefined value

**ryan** · 04/10/2008, 15h11

Yop!

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

Donc:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 04/10/2008, 15h52

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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();

**gwena54** · 04/10/2008, 18h11

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

**marts** · 05/10/2008, 03h41

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload=test;

sans parenthèses.

**gwena54** · 05/10/2008, 12h18

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

**ryan** · 05/10/2008, 16h46

Yop!

Tu devrais peut-être faire un eval:

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

**gwena54** · 05/10/2008, 17h23

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

nom de variable dynamique

JavaScript

Discussions similaires

Partager

Partager