Passage automatique au champ suivant

Version imprimable

Bonjour,
J'aimerais changer de champ de texte automatiquement lorsque la taille maximale est atteinte en javascript. J'ai trouvé le code ci-dessous sur la FAQ javascript sur ce site mais il marche pas. Quelqu'un peut me dire pourquoi svp ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AutoTab Page</title>
<script language="JavaScript" type="text/JavaScript">
function Autotab(box, longueur, texte)
{
    if (texte.length > longueur-1) {
        document.getElementById('TB'+box).focus();
    }
}
</script>
</head>
<body>
<input type="text" size="5" maxlength="5" length="20" name="TB1"
	tabindex="1" onkeyup="Autotab(2, this.size, this.value)"/>
<input type="text" size="2" maxlength="2" name="TB2" tabindex="3"
	onkeyup="Autotab(3, this.size, this.value); "/>
<input type="text" maxlength="5" name="TB3" tabindex="2" />
</body>
 
</html>

01/08/2008, 14h18
Bovino
Code:

document.getElementById('TB'+box).focus();

puis
Code:

1 2 <input type="text" size="5" maxlength="5" length="20" name="TB1" tabindex="1" onkeyup="Autotab(2, this.size, this.value)"/>
Etonnamment, getElementById préfère les id aux name...

Bonjour

Je cherche à faire un autotab mais je voudrai que la fonction se fie aux 'Id' des champs plutot qu'aux 'name'

J'ai écris ceci mais ça ne fonctionne pas, pouvez vous me dire ce qu'il ne va pas svp ?

Le fait d'ecrire plus de 2 caractères dans la textbox avec l'id 'num1' ne fait pas passer à la textboxe qui à l'id 'num2' ... :roll:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <head> <SCRIPT LANGUAGE="javascript"> function Autotab(input,idSuivant) { if (input.length == 2 ) { document.getElementById('idSuivant').focus(); } } </SCRIPT> </head> <body> <input type="text" id="num1" onkeyup="Autotab(this,'num2');"> <input type="text" id="num2"> </body> </html>

18/07/2011, 12h29
vermine

Bonjour,

Ici vous cherchez un id qui s'appelle "idSuivant" :

Code:

getElementById('idSuivant')

Tandis qu'ici, on cherche un id représenté par la variable idSuivant :

Code:

getElementById(idSuivant)

Merci mais en faisant ceci, ça ne fonctionne toujours pas : 8O
Code:

1 2 3 4 5 6 7 function Autotab(input,idSuivant) { if (input.length == 2 ) { document.getElementById(IdSuivant).focus(); } }

18/07/2011, 12h42
andry.aime

Code:

<input type="text" id="num1" onkeyup="Autotab(this.value,'num2');"/>

A+.
18/07/2011, 13h32
lcoulon

Merci beaucoup ça fonctionne :)
18/07/2011, 13h37
andry.aime

Sinon, pour limiter la longueur de la chaine à 2 tu peux utiliser l'attribut maxlength="2" de l'input text.

a+.