Nom de variable dynamique en JS

**divad** · 01/10/2009, 00h12

Bonjour,

Je suis d�butant en JS et j'ai besoin de votre aide s'il vous plait. Je pense que la solution est simple m�me si j'explique le probl�me assez longuement.

J'ai un bout de code qui me permet de stocker des donn�es dans un tableau, en javascript. Ces donn�es sont issues d'une base de donn�es et sont appel�es via un while en php.

j'ai donc une structure comme cela dans ma page PHP:

d�claration du tableau economieMaxiZone[] (code JS)
requete sql
while (r�sultats requete){
traitement php
code JS (code JS)
}

Ma requete me retourne par exemple 10 lignes, contenant diff�rents champs tels que le champ "zoneTarif_debutZone". On va prendre l'exemple de celui ci.

Je souhaite dans mon traitement JS, mettre tous les "zoneTarif_debutZone" qui me seront retourn�s.
Donc si j'ai bien compris, il m'est possible commencer par faire ceci:

Code :

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

<input type="hidden" id="zoneTarif_debutZone" value="<?php echo $donnees['zoneTarif_debutZone'] ; ?>" />

en html. Puis pour le javascript, j'aimerai faire quelque chose du genre:

Code :

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

1
2
3
4
5
6
7
 
<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone").value;	
 
economieMaxiZone.push(zoneTarif_finZone *10);
</script>

Il se trouve que la chose fonctionne presque bien puisque mon tableau se remplit MAIS il n'y a que la premi�re valeur qui est dupliqu�e dans toutes les cases du tableau.

Quelqu'un a essay� de me faire avancer en me disant que tous mes input ont le m�me id ("zoneTarif_finZone") donc quand je fais document.getElementById("zoneTarif_finZone") il r�cup�re le premier �l�ment qu'il trouve et ne s'occupe pas des suivants. Il faudrait donc que je donne un id unique � chacun.

Le souci est ici, je ne vois pas comment faire...
Ajouter un numero par exemple mais comment... et surtout comment r�cup�rer le nom de ces variables pour qu'on puisse tout entrer dans le tableau?

Merci beaucoup!

D.

**hotline** · 01/10/2009, 06h26

Bonjour,

Ajouter un num�ro me parait une bonne id�e.
Tu initialises un compteur et dans la boucle php tu l'incr�mentes � chaque ligne :

Code :

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

1
2
3
4
5
6
7
 
déclaration du tableau economieMaxiZone[] (code JS)
$cptr=0;
requete sql
while (résultats requete){
traitement php  et js : id="zoneTarif_debutZone"+$cptr
$cptr++;

et ensuite en javascript, tu fais une boucle:

Code :

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

1
2
3
4
5
 
var tableau = new Array;
for (var i = 0; i < nb_reponse; i++) {
 tableau[i] = getElementById("zoneTarif_debutZone"+i).value;	
}

**divad** · 01/10/2009, 08h33

Merci beaucoup! Je regarde �a ce midi ou ce soir et te tiens au courant!

D.

**divad** · 02/10/2009, 19h44

Bonsoir, d�sol� pour le retard.

Bon, je vous livre ce que j'ai fait, car je ne m'en sors vraiment pas:

La d�claration:

Code :

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

1
2
3
4
5
6
7
8
 
<?php
$i = 0; 
$total = 0; ?>
<script language="javascript">
var economieMaxiZone = [];
var cptrJS = 0;
</script>

Lecture de la bdd

Code :

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

1
2
3
4
 
while ($donnees = mysql_fetch_array($requete)){
 
... traitements divers puis

et apr�s, le morceau de code permettant d'ajouter des choses � mon tableau est le suivant:

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
 
?>
	<input type="hidden" id="zoneTarif_finZone<?php echo $cptr; ?>" value="<?php echo $donnees['zoneTarif_finZone'] ; ?>" />
 
	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
 
	//Ajout au tableau 
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * 14;
 
var ctprJS++;
	</script>
	<?php
        $cptr++;
}
?>

Enfin pour fini, je tente de lire mon tableau mais celui ci reste vide... Je le lis grace au code suivant:

Code :

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

1
2
3
4
5
6
7
<script language="javascript">
//Affichage du contenu du tableau
 var chaine = "Le tableau contient :"
        for(var i=0; i<economieMaxiZone.length; i++)
                chaine += "\n" + i + " -> " + economieMaxiZone[i];
        alert(chaine);
  </script>

L'erreur qui m'est donn�e par WebDeveloper est "Error: document.getElementById("zoneTarif_finZone") is null
Source File: http://127.0.0.1/monSite/index.php?page=tableau
Line: 124"

et la ligne 124, dans le code source g�n�r� est la suivante:

var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;

A vrai dire, les m�mes erreurs sont r�p�t�es, autant de fois que de boucles while sont effectu�es.

Voil�, d�sol� de balancer du brut comme �a mais je ne m'en sors pas. je peux fournir la vrai page � qqun qui me le demande si vous voulez.

Merci encore!!!

D.

**SpaceFrog** · 02/10/2009, 19h58

si tu lances le code direct c'est normal l'objet n'est pas encore instanci�
mets ton code dans une fonction et lance la fonction dans le onload

**Bovino** · 02/10/2009, 20h01

Salut,
il s'agit manifestement d'une mauvaise imbrication de syntaxes dans ton PHP.
Donne-nous le code HTML g�n�r�, ce qui permettra de voir plus facilement � quel(s) endroit(s) �a plante

**divad** · 02/10/2009, 20h11

SpaceFrog, je ne comprends pas ce que tu veux dire.

Bovino, je te fais un copier coller du code g�n�r�.... je tente de l'�purer avant un peu quand m�me

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
 
 
<head>
</head>
 
 
<body>
 
						<div class="entry"> 
							<p>
 
<script language="javascript">
var cptrJS = 0;
var economieMaxiZone = [];
</script>	<input type="hidden" id="zoneTarif_finZone0" value="157762800" />
	<input type="hidden" id="zoneTarif_debutZone" value="0" />
	<input type="hidden" id="zoneTarif_prix" value="2.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 0	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
 
		<input type="hidden" id="zoneTarif_finZone1" value="315529200" />
	<input type="hidden" id="zoneTarif_debutZone" value="157762801" />
	<input type="hidden" id="zoneTarif_prix" value="3.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 1	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone2" value="631148400" />
	<input type="hidden" id="zoneTarif_debutZone" value="315529201" />
	<input type="hidden" id="zoneTarif_prix" value="4.00" />
 
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 2	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone3" value="946681200" />
	<input type="hidden" id="zoneTarif_debutZone" value="631148401" />
	<input type="hidden" id="zoneTarif_prix" value="5.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 3	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
 
		<input type="hidden" id="zoneTarif_finZone4" value="1104534000" />
	<input type="hidden" id="zoneTarif_debutZone" value="946681201" />
	<input type="hidden" id="zoneTarif_prix" value="6.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 4	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone5" value="" />
	<input type="hidden" id="zoneTarif_debutZone" value="1104534001" />
	<input type="hidden" id="zoneTarif_prix" value="6.20" />
 
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 5	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
	<script language="javascript">
//Affichage du contenu du tableau
 var chaine = "Le tableau contient :"
        for(var i=0; i<economieMaxiZone.length; i++)
                chaine += "\n" + i + " -> " + economieMaxiZone[i];
        alert(chaine);
  </script>		</p>
						</div>
					</div>
 
</body>
</html>

et tant qu'on y est, voil� la source... merci de votre aide, je commence � craquer...

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
 
<?php
$idUser = $_SESSION['idUser'];
$timestampArret = $_SESSION['timestampArret'];
$nombreCigarettesJour = $_SESSION['utilisateur_nbreCigarettesJour'];
$requete = mysql_query("SELECT * FROM zonetarif ; ");
$cptr = 0;
 
?>
 
<script language="javascript">
var cptrJS = 0;
var economieMaxiZone = [];
</script><?php
while ($donnees = mysql_fetch_array($requete)){
        
$debutZone= $donnees['zoneTarif_debutZone'];
$finZone= $donnees['zoneTarif_finZone'];
?>
	<input type="hidden" id="zoneTarif_finZone<?php echo $cptr; ?>" value="<?php echo $donnees['zoneTarif_finZone'] ; ?>" />
	<input type="hidden" id="zoneTarif_debutZone" value="<?php echo $debutZone ; ?>" />
	<input type="hidden" id="zoneTarif_prix" value="<?php echo $donnees['zoneTarif_prix']; ?>" />
	<input type="hidden" id="nombreCigarettesJour" value="<?php echo $_SESSION['utilisateur_nbreCigarettesJour'] ; ?>" />
	<?php echo "cptr: ".$cptr; ?>
	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptr - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
	<?php
        $cptr++;
}
?>
<script language="javascript">
//Affichage du contenu du tableau
 var chaine = "Le tableau contient :"
        for(var i=0; i<economieMaxiZone.length; i++)
                chaine += "\n" + i + " -> " + economieMaxiZone[i];
        alert(chaine);
  </script>

**hotline** · 03/10/2009, 06h03

Tu y �tais presque...
Dans ton fichier, tu n'incr�mentes pas ta variable cptrJS de plus dans tes affectations dans le tableau economieMaxiZone tu mets une variable cptr au lieu de cptrJS.

J'ai modifi� ton fichier html :

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
 
<html>
<head>
</head>
<body>
 
<div class="entry"> 
<p>
 
<script language="javascript">
var cptrJS = 0;
var economieMaxiZone = [];
</script>	
 
<input type="hidden" id="zoneTarif_finZone0" value="157762800" />
<input type="hidden" id="zoneTarif_debutZone" value="0" />
<input type="hidden" id="zoneTarif_prix" value="2.00" />
<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 0
<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
	cptrJS++;
 
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
</script>
 
		<input type="hidden" id="zoneTarif_finZone1" value="315529200" />
	<input type="hidden" id="zoneTarif_debutZone" value="157762801" />
	<input type="hidden" id="zoneTarif_prix" value="3.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 1	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
  cptrJS++;
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone2" value="631148400" />
	<input type="hidden" id="zoneTarif_debutZone" value="315529201" />
	<input type="hidden" id="zoneTarif_prix" value="4.00" />
 
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 2	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
	cptrJS++;
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone3" value="946681200" />
	<input type="hidden" id="zoneTarif_debutZone" value="631148401" />
	<input type="hidden" id="zoneTarif_prix" value="5.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 3	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
  cptrJS++;
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
 
		<input type="hidden" id="zoneTarif_finZone4" value="1104534000" />
	<input type="hidden" id="zoneTarif_debutZone" value="946681201" />
	<input type="hidden" id="zoneTarif_prix" value="6.00" />
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 4	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
  cptrJS++;
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
		<input type="hidden" id="zoneTarif_finZone5" value="" />
	<input type="hidden" id="zoneTarif_debutZone" value="1104534001" />
	<input type="hidden" id="zoneTarif_prix" value="6.20" />
 
	<input type="hidden" id="nombreCigarettesJour" value="20" />
	cptr: 5	<script language="javascript">
 
	var zoneTarif_finZone = document.getElementById("zoneTarif_finZone"+cptrJS).value;	
	var zoneTarif_debutZone = document.getElementById("zoneTarif_debutZone").value;
	var zoneTarif_prix = document.getElementById("zoneTarif_prix").value;
	var nombreCigarettesJour = document.getElementById("nombreCigarettesJour").value;
	cptrJS++;
	if (zoneTarif_finZone == ""){
		var zoneTarif_finZone = Math.floor(time.getTime()/1000);
	}
	//Ajout au tableau contenant les économies réalisées dans les zones après celle l'arret
	economieMaxiZone.push((zoneTarif_finZone+cptrJS - zoneTarif_debutZone) * (zoneTarif_prix/20/24/60/60) * nombreCigarettesJour);
	//alert("mon tableau contient: "+economieMaxiZone[1]);
	//alert ("Fin zone: "+zoneTarif_finZone);
 
	</script>
	<script language="javascript">
//Affichage du contenu du tableau
 var chaine = "Le tableau contient :"
        for(var i=0; i<economieMaxiZone.length; i++)
                chaine += "\n" + i + " -> " + economieMaxiZone[i];
        alert(chaine);
  </script>		</p>
						</div>
					</div>
 
</body>
</html>

Et � l'execution j'obtiens �a :

Code :

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

1
2
3
4
5
6
7
 
Le tableau contient : 
0 -> 36519.16668981482 
1 -> 73039.16671296296 
2 -> 146099.1667361111 
3 -> 219139.16675925924 
4 -> 255679.1667824074

**divad** · 03/10/2009, 12h50

Ho l� l�, oui! En effet j'�tais proche... bon, c'est mieux d'�tre proche que trop �loign� finalement

Bon �a marche sur ma version "�pur�e", je vais essayer d'ins�rer �a dans mo projet r�el et vous tiens au courant, voir si j'ai d'autres soucis ou pas

Merci encore!! Beaucoup!

D.

**divad** · 03/10/2009, 18h42

B'jour!

bon j'ai quelques soucis en essayant de mettre en place ce code dans mon projet r�el. En effet, j'ai bien une variable javascript qui change en fonction de pas mal de chose mais surtout en fonction du timestamp, ce qui veut dire qu'elle change en permanence. Cette variable se nomme: totalEconomiseZoneArret

Si je fais un alert, alors je vois que la valeur change � chaque fois que j'actualise la page.
Pareil, si je tente de l'afficher dans une div, comme je le fais � la fin du code, alors la valeur n'�volue pas ... tant que je ne recharge pas la page... Une id�e svp? (l'histoire du Time() ici ne change rien, je ne m'en sers pas pour l'exemple)

Merci!

D.

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
 
<script language="javascript">
... code permettant de récupérer le totalEconomiseZoneArret....
 
         alert("totalEconomiseZoneArret:"+totalEconomiseZoneArret);
  </script>
 
 
  <script language="javascript">
function economiesCigarettes()
{
				var time = new Date();
				var test = Math.floor(time.getTime()/10);
 
	var compteur = parseFloat(totalEconomiseZoneArret);
 
	document.getElementById('div_economiesCigarettes').innerHTML=compteur;
	setTimeout("economiesCigarettes()", 10); // temps en milliseconde pour rafraichir la fonction
}

**Bovino** · 03/10/2009, 19h50

Une variable d�finie en PHP ne peut pas �voluer quand PHP a fini son ex�cution...
Il faudrait revoir les fondamentaux.
PHP n'in tervient que cot� serveur pour g�n�rer une page HTML.
Une fois que la page est affich�e, le contexte PHP est perdu et tu ne peux plus le faire intervenir sur ta page.

**divad** · 03/10/2009, 19h54

Merci pour ta r�ponse bovino, mais de quel PHP parles-tu ici?

**Bovino** · 03/10/2009, 20h05

Ben si totalEconomiseZoneArret �volue quand tu rafraichis la page mais pas pendant que la page est affich�e, j'imagine qu'elle est initialis�e en PHP et que tu ne la fais pas �voluer en JavaScript

**divad** · 03/10/2009, 20h32

Ben non, je fais tout en JS je ne fais pas appel � time() de PHP mais � GetTime()...

Je cherche, je me perds dans mon code

**micetf** · 03/10/2009, 20h43

Bonsoir,
Quel est le bout de code qui permettrait � ta variable totalEconomiseZoneArret de changer une fois que ta page est charg�e ?
Fred

**divad** · 03/10/2009, 20h47

H� bien bonne question, je pense qu'il n'y en a pas...
J'ai un bout de code qui fait donc appel � getTime() mais pas � l'endroit de l'affichage

Mon dieu que c'est compliqu� ...

Je vais tenter d'�claircir un peu la chose et vous en faire un compte rendu.
C'est dommage car �a commence � m'�nerver de rien comprendre mais je ne voudrais pas lacher la chose.

A plus tard.

D.

**divad** · 31/10/2009, 21h50

Bonjour,

j'avais dit que je vous tiendrais au courant! Cependant je ne vais pas vous donner grand chose � vous mettre sous la dent!

En effet, apr�s m'�tre pris la t�te pendant de longues heures, je me suis d�cid� � tout r��crire, et j'ai eu bien raison.

En gros j'ai presque tout fait en JS, comme �a je n'ai pas �t� trop emb�t� par des histoires d'actualisations de variables ^^

Donc concr�tement, mon code maintenant n'a plus rien � voir avec avant.

Merci en tout cas de votre aide, elle m'a permis de me montrer que mon code �tait un sacr� bazar et qu'il �tait n�cessaire que je le r��crive!

Merci encore,

D.

Nom de variable dynamique en JS

JavaScript

Discussions similaires

Partager

Partager