input dans formulaire

**idurand** · 01/12/2008, 22h55

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 :

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

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

soit avant

Code :

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

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.

**SpaceFrog** · 02/12/2008, 09h26

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

**idurand** · 02/12/2008, 09h40

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 :

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
<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();"/>
<!-- <input/> -->
</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?

**SpaceFrog** · 02/12/2008, 10h09

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 :

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

**idurand** · 02/12/2008, 10h17

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

input dans formulaire

JavaScript

Discussions similaires

Partager

Partager