input dans formulaire

Version imprimable

01/12/2008, 22h55
idurand

1 pièce(s) jointe(s)

input dans formulaire
Le tout petit programme joint est censé lire une valeur par l'intermédiaire
d'un formulaire et afficher cette valeur à la suite.
La valeur s'affiche en effet mais est aussitôt effacée!

Si par contre je rajoute dans le formulaire une case "bidon"
soit après
Code:

1 2 <input type="text" id="value" onchange="update();"/> <input/>
soit avant
Code:

1 2 <input/> <input type="text" id="value" onchange="update();"/>
J'obtiens le résultat escompté, c'est à dire la valeur tapée dans la case
"value" s'affiche à le suite du formulaire dès qu'on tape "Entrée".

J'aimerais comprendre cette différence de comportement et trouver
une solution qui fonctionne sans la case "bidon".

Quelqu'un a-t'il déjà eu ce problème?
Merci d'avance pour vos réponses.
02/12/2008, 09h26
SpaceFrog

l'appui sur entrée valide le form ... tu reloades la page ...

pas résolu

Cela ne marche pas.

Je tape une valeur, j'appuie sur Entrée, la valeur s'affiche fugitivement.
Si je recharge la page tout est effacé y compris la case dans laquelle
la valeur a été tapée.

Je rappelle que le problème se produit que quand il n'y a qu'une seule case:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <script> function update() { document.getElementById("result").innerHTML = document.data.value.value; } </script> </head> <body> <form name="data"> <input type="text" id="value" onchange="update();"/>  </form> <span id="result"></span> </body> </html>
J'ai testé sous Firefox (Linux et MacOS 10.5). Est-ce que le comportement
est différent sur d'autres plate-formes et avec d'autres navigateurs?

le onchange est lancé lorsuqe le contenu change ET l'input perds le focus ...

le fait d'appuyer sur enter si il n'y a qu'un input et pas de bouton submit ne déclenche pas la perte de focus de l'input

tu peux passer par le onkeyup à la place (en le doublant du onmouseup pour le copier coller à la souris ...)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html> <head> <script> function update() { document.getElementById("result").innerHTML = document.forms['data'].elements['value'].value; } </script> </head> <body> <form name="data" onsubmit='return false'> <input type="text" id="value" onkeyup="update();"/> </form> <span id="result"></span> </body> </html>
ceci étant donner un id = value ... c'est vraiment chercher les ennuis !!!!

02/12/2008, 10h17
idurand

"le onchange est lancé lorsuqe le contenu change ET l'input perds le focus ...
le fait d'appuyer sur enter si il n'y a qu'un input et pas de bouton submit ne déclenche pas la perte de focus de l'input"

Voilà une explication claire.
Je vais essayer les solutions proposées.
Merci!