variable dynamique getElementById

**Dark Ryus** · 30/01/2009, 11h01

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var i=1;
for(i;i<=nbconso;i++){
    var titre;
    titre = 'conso'+i;
    consototal += document.getElementById(titre).value;
    if(consototal > 8){
	  alert('toto');
    }
}

Voila, je veux récupérer la valeur de mes champs conso1, conso2, conso3, ....
mais mon appel getElementById(titre) ne prend pas ma valeur conso1, ... mais le mot 'titre'.

help please

merci

**vermine** · 30/01/2009, 11h25

Bonjour,

Tout d'abord, ceci ne donnera pas un nombre:

Code :

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

1
2
 
consototal += document.getElementById(titre).value;

Mais bien une concaténation de chaine de caractères.
Il faut faire un parseInt() de chaque élément avant de l'ajouter à consototal.

Pour le reste, pourriez-vous nous donner le code HTML qui parle des éléments conso1, conso2, etc. ?

**Dark Ryus** · 30/01/2009, 11h33

Code :

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

<input value='$consojour' name='conso$i' type=text name=heure size=1 maxlength=4 onkeyup='verifConso(this)'>

Mes pages sont en php et cet input est dans un tableau HTML, donc il y a plusieurs lignes

**vermine** · 30/01/2009, 11h38

Que donne ceci :

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
 
<script>
function verifConso(obj)
{
   var consototal = 0;
   for(var i=1; i<3 ; i++)
   {
      var titre = "conso" + i;
      alert(titre);
      alert(document.getElementById(titre).value);
 
      var consommation = parseInt(document.getElementById(titre).value);
      consototal += consommation;
      alert(consototal);
 
      if(consototal > 8)
      {
	      alert('toto');
      }
   }
}
</script>

**vermine** · 30/01/2009, 11h40

Envoyé par Dark Ryus

Code :

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

<input value='$consojour' name='conso$i' type=text name=heure size=1 maxlength=4 onkeyup='verifConso(this)'>

Le champ a deux name (une fois 'conso$i', et une fois 'heure').

**Dark Ryus** · 30/01/2009, 11h46

alert(titre); me donne bien les valeurs conso1, ...

alert(document.getElementById(titre).value);

ne donne rien :

document.getElementById(titre) is null

**vermine** · 30/01/2009, 11h50

Et en enlevant name=heure dans la déclaration du(des) champ(s) afin de n'obtenir que le name='conso$i'' ?

**Dark Ryus** · 30/01/2009, 11h54

c'est bon j'ai trouvé. Ca marchait depuis le début en fait, mais j'ai oublié de remplacer mon $i par $j (une autre variable php).

Merci quand même pour les erreurs de syntaxe.

Je suis un boulet lol