touche entrée ?

Version imprimable

06/02/2006, 17h07
kiwwi209

touche entrée ?

Bonjour,

Je ne sais pas trop dans quelle rubrique poster mon message, merci donc de m'indiquer si je ne suis pas au bon endroit. Je vous expose mon problème.

J'ai un formulaire comportant de nombreux champs de saisie, je souhaiterais que la touche "Entrée" se comporte comme la touche "Tabulation" afin de pouvoir naviguer avec le clavier au sein de ce formulaire. Des idées ? Des suggestions ?
06/02/2006, 17h09
SpaceFrog

sujet déja traité me semble-t-il ... => une recherche s'impose...

1) il faut remplacer le bouton submit du form par un input type button ...
ensuite un petit script qui détecte la touche entrée ...

Citation:

Envoyé par SpaceFrog

sujet déja traité me semble-t-il ... => une recherche s'impose...

1) il faut remplacer le bouton submit du form par un input type button ...
ensuite un petit script qui détecte la touche entrée ...

mais j'ai cherché j'te le jure !

Le souci n'est pas sur le bouton submit, j'en ai pas sur ce formulaire d'ailleur.

Mais c'est le script sur la détection de la touche entrée qui fait défaut. Ce que j'ai touvé ici me dit de récupérer l'évenement sur un document.onkeypress et de tester sur la valeur de la touche enfoncée est "13". En effet cela permet de récupérer la pression de la touche entrée. Mais mon soucis est de pouvoir réaffecter ensuite pour faire comme si on avait tapé tabulation afin de permettre la navigation.

Voila un apercu de mon code :
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 <html> <head> <title>test</title> <script language="javascript"> function teste_entree() { if (event.keyCode==13) { alert("Touche enter"); event.keyCode=9; } } </script> </head> <body onKeyPress="teste_entree();"> <form mane="test"> <input type="text" name="1" tabindex="1"><br> <input type="text" name="2" tabindex="2"><br> <input type="text" name="3" tabindex="3"><br> <input type="text" name="4" tabindex="4"><br> <input type="text" name="5" tabindex="5"><br> <input type="text" name="6" tabindex="6"><br> </form> </body> </html>
De ce que j'ai pu trouvé c'est bien 9 le code de la touche tabulation non ?
Je précise qu'avec le code ci -dessus je vois mon message d'alerte mais que je reviens toujours sur le même champ en saisie.

Encore merci de votre aide !

07/02/2006, 08h42
SpaceFrog

onkeydown plutot que onKeyPress non ?

BINGO !!!!

Merci beaucoup !!!

Je donne donc le code final qui fonctionne à merveille pour cloturer ce sujet :

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
<html>
<head>
     <title>test</title>
     <script language="JavaScript">
     <!--
          function process_keypress() { 
               if (window.event.type == "keydown" & window.event.keyCode == 13) { 
                    window.event.keyCode = 9; 
               } 
          } 
     -->
     </script>
</head>
 
<body onkeydown="process_keypress();" >
<form name="testForm">
     <input type="text" name="text1"></br>
     <input type="text" name="text2"></br>
     <input type="text" name="text3"></br>
     <input type="text" name="text4"></br>
     <input type="text" name="text5"></br>
</form>
</body>
</html>

04/10/2006, 15h10
enila
le code marche très bien avec IE mais pas avec Firefox. J'ai remplacer
Code:

1 2 3 window.event.keyCode=9; par event.keyCode=9; ou event.which=9;
mais j'ai l'erreur setting a property that has only a getter

apparement on ne peut pas la modifier!
une solution? merci