Parcourir tableau d'éléments

**magikman** · 20/04/2006, 11h56

Salut à tous et merci de prendre la peine de lire mon problème.
J'aimerais afficher la valeur d'un input contenu dans un formulaire (en vue d'utiliser de l'ajax plus loin dans le projet).
Pour ce faire je crée une petite boucle

Code :

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

1
2
3
4
5
6
7
8
9
 
window.onload = function() {
    var e=document.getElementById("form_add_user").elements;
    for (var i=0; i<e.length; i++) {
        e[i].onkeyup=function(){
            alert(e[i]+" a pour valeur : "+e[i].value);
        }
    }
}

L'évènement s'effectue sur chacun des input bien mais pas le alert. La console javascript de FF m'indique e[i] has no proprieties on line 6 (qui est celle du alert)

What the hell is that?
Un énorme merci d'avance

**denisC** · 20/04/2006, 12h02

Envoyé par magikman

What the hell is that?
Un énorme merci d'avance

Tu as un problème de cinématique (temps entre ta première fonction et l'alert).

C'est dans la

http://javascript.developpez.com/faq...lick.dynamique

Ton i n'a pas la valeur que tu voudrais.

Dans ton cas le plus simple (contrairement à la FAQ) est de faire simplement:

Code :

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

1
2
3
4
 
e[i].onkeyup=function(){
      alert(this.name+" a pour valeur : "+this.value);
}

**SpaceFrog** · 20/04/2006, 12h03

heu faut pas éviter d'utilser e comme variable ????

**magikman** · 20/04/2006, 12h15

Envoyé par SpaceFrog

heu faut pas éviter d'utilser e comme variable ????

Pourquoi éviter? i, j, k je peux comprendre mais e faut que tu m'expliques?

**SpaceFrog** · 20/04/2006, 12h15

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
<scripttype='text/javascript'>        
window.onload = function() {
   var elts=document.getElementById("form_add_user").elements;
   for (var i=0; i<elts.length; i++) {
 
   	  elts[i].onkeyup=function(){
   	  					           alert(this.id+" a pour valeur : "+this.value);
 
    								}
   				 }
   				 }
 
</script>        
 
</head>
 
<body>
 
<form id="form_add_user">
<input id='input1' type="text" value='1'/>
<input id='input2' type="text" value='2fffe'/>
<input id='input3' type="text" value='3fffe'/>
<input id='input4' type="text" value='4fffe'/>
<input id='input5' type="text" value='5fffe'/>
<input id='input6' type="text" value='6fffe'/>
 
</form>

**SpaceFrog** · 20/04/2006, 12h18

parcequ'il me semble me souvenir que e est un "mot" réservé du language javascript dans la gestion des évènements ...

sinon l'attribution d'un evènement dasn une boucle incrémentée te retournera toujours la dernière valeur de l'incrément ... et ce pour tous les éléments ..

**magikman** · 20/04/2006, 12h30

Envoyé par SpaceFrog

parcequ'il me semble me souvenir que e est un "mot" réservé du language javascript dans la gestion des évènements ...

sinon l'attribution d'un evènement dasn une boucle incrémentée te retournera toujours la dernière valeur de l'incrément ... et ce pour tous les éléments ..

Je n'aime pas contredire surtout que tu m'as aidé et fait un très joli code

Mais...rien si ce ne sonts des mots propres au language et à sa future évolution, n'est réservé en .js ou alors je viens de mal lire dans mon petit bouquin de chez O'Relly