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, 12h05

Merci beaucoup à vous, j'avais cherché dans la faq "associer boucle evènement"...
Désolé et bonne continuation

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

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

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

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

**magikman** · 20/04/2006, 13h10

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

**SpaceFrog** · 20/04/2006, 13h13

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

**javatwister** · 20/04/2006, 13h23

jamais de la vie...;

tu lis trop de bouquins SF

et encore, je suis gentil

**magikman** · 20/04/2006, 13h26

Ahaaah

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

**SpaceFrog** · 20/04/2006, 13h31

pour netscape ...

Code :

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

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

**SpaceFrog** · 20/04/2006, 13h32

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

**denisC** · 20/04/2006, 13h32

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

**SpaceFrog** · 20/04/2006, 13h36

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 !

**magikman** · 20/04/2006, 14h29

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

Voilà j'espère être parvenu à te faire entendre raison sur ce délicat sujet ^^

**magikman** · 20/04/2006, 14h31

Arf dslé j'ai sauté les dernières réponses...
Joyeuses Pâques dans ce cas ;-)

**SpaceFrog** · 20/04/2006, 14h33

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à

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

Parcourir tableau d'éléments

JavaScript

Discussions similaires

Partager

Partager