Parcourir tableau d'éléments

Version imprimable

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:

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

20/04/2006, 12h02
denisC
Citation:

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 :faq:
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:

1 2 3 4 e[i].onkeyup=function(){ alert(this.name+" a pour valeur : "+this.value); }
20/04/2006, 12h03
SpaceFrog

heu faut pas éviter d'utilser e comme variable ????
20/04/2006, 12h05
magikman

Merci beaucoup à vous, j'avais cherché dans la faq "associer boucle evènement"...
Désolé et bonne continuation
20/04/2006, 12h15
magikman

Citation:

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?

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

20/04/2006, 12h18
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 ..
20/04/2006, 12h30
magikman

Citation:

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 :?

essaye ça une première fois telquel,
une second fois en décommentant la première ligne ..
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nouvelle page 1</title> </head> <body> ben re coucou </body> <script type='text/javascript'> //var document ='coucou' alert(document) alert(document.body.innerHTML) </script> </html>
ensuite tu décideras si tui dois ou non jeter ton bouquin ... :?

20/04/2006, 13h10
magikman

Citation:

Envoyé par SpaceFrog

essaye ça une première fois telquel,
une second fois en décommentant la première ligne ..
ensuite tu décideras si tui dois ou non jeter ton bouquin ... :?

Chose faite.
Il est un fait que si tu renommes dans le second cas l'objet "document" en 'coucou', il ne le write(document) ne va rien t'afficher.

En tout cas tout celà n'a rien avoir avec le 'e' du départ ;-)
20/04/2006, 13h13
SpaceFrog

si car e est un mot "reservé" de javascript dans la gestion des évènements ...
20/04/2006, 13h23
javatwister

jamais de la vie...;

tu lis trop de bouquins SF :P
et encore, je suis gentil :mouarf:
20/04/2006, 13h26
magikman

Ahaaah:D
Je suis content qu'enfin quelqu'un m'appuie ^^
C'est sans rancunes et si tu peux me fournir un lien assez officiel qui approuve tes dires...je changerai mon fusil d'épaule...mais bon pour l'instant je te crois pas

pour netscape ...
Code:

1 2 3 4 5 6 function netscapeMouseMove(e) { if (e.screenX != document.test.x.value && e.screenY != document.test.y.value) { document.test.x.value = e.screenX; document.test.y.value = e.screenY; } }
sans passer e en param ...

sinon en majuscule E est réservé ... Math.E constante d'Euler

20/04/2006, 13h32
SpaceFrog

:lol:
y'a pas de racune à avoir, mais enfon un bouquin qui te dit qu'il n'y a pas de mots reservés en javascript , moi ça me choque ... 8O
20/04/2006, 13h32
denisC

Citation:

Envoyé par SpaceFrog

si car e est un mot "reservé" de javascript dans la gestion des évènements ...

C'est un mot "habituellement utilisé" dans la gestion des évenements, et il vaut mieux ne pas l'utiliser ailleurs, mais je ne pense pas qu'il soit vraiment "reservé"
20/04/2006, 13h36
SpaceFrog

oui ok pour le e je vous l'accorde mais comme c'était pâques ...
mis bon pour les autres ... genre document ... faut pas pousser !
20/04/2006, 14h29
magikman

Citation:

Envoyé par magikman

Mais...rien si ce ne sonts des mots propres au language et à sa future évolution, n'est réservé en .js

Je suis pas un pignouf quand même :(

Et alors ta fonction netscape...tu es complètement à côté de la plaque car tu peux remplacer "e" par n'importe quel nom de variable à condition que tu le change également dans ta fonction :mrgreen:

Voilà j'espère être parvenu à te faire entendre raison sur ce délicat sujet ^^
20/04/2006, 14h31
magikman

Arf dslé j'ai sauté les dernières réponses...
Joyeuses Pâques dans ce cas ;-)
20/04/2006, 14h33
SpaceFrog

Citation:

Mais...rien si ce ne sonts des mots propres au language et à sa future évolution, n'est réservé en .js

ha ben j'avais raté cette partie là :oops:

heu ce n'est pas rien comme exception !!

il y a donc bien des mots réservés !
c'est tout ce que je voulais dire ...

pour le e je te l'accorde mais comme je l'ai dit c'était pâques ... les cloches sont de retour ...
20/04/2006, 14h44
magikman

hihi un peu en retard les cloches
il me semble ;-)
Les mots clé réservés en javascript sont :

Code:

break, case, catch, continue, default, delete, do, else, false, finally, for, function, if, in, instanceof, new, null, return, switch, this, throw, true, try, typeof, var, void, while, with

Et javascript a déjà réservé les mots suivants pour des extensions furtures possibles

Code:

abstract, boolean, byte, char, class, const, debugger, double, enum, export, extends, final, float, goto, implements, import, int, interface, long, native, package, private, protected, public, short, static, super, synchronized, throws, transient, volatile

Bon voilà comme çà plus de doutes tout est clair.
ps: j'ai tout écrit à la main donc possibles fautes dans les mots mais après une brève relecture ...je n'en vois pas
20/04/2006, 14h48
SpaceFrog

en retard les cloches ?
c'est à cause des grèves d'enfatn gatés contre le CPE :mouarf: