touche entr�e ?

**kiwwi209** · 06/02/2006, 17h07

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 ?

**SpaceFrog** · 06/02/2006, 17h09

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

**kiwwi209** · 06/02/2006, 20h59

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 :

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

**SpaceFrog** · 07/02/2006, 08h42

onkeydown plutot que onKeyPress non ?

**kiwwi209** · 07/02/2006, 09h09

BINGO !!!!

Merci beaucoup !!!

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

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

**enila** · 04/10/2006, 15h10

le code marche tr�s bien avec IE mais pas avec Firefox. J'ai remplacer

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

touche entr�e ?

JavaScript

Discussions similaires

Partager

Partager