Passage automatique au champ suivant

**jlomba** · 01/08/2008, 14h14

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

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

**Bovino** · 01/08/2008, 14h18

Code :

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

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

puis

Code :

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

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

**lcoulon** · 18/07/2011, 12h20

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

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

**vermine** · 18/07/2011, 12h29

Bonjour,

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

Code :

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

getElementById('idSuivant')

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

Code :

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

getElementById(idSuivant)

**lcoulon** · 18/07/2011, 12h39

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

Code :

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

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

**andry.aime** · 18/07/2011, 12h42

Code html :

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

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

A+.

**lcoulon** · 18/07/2011, 13h32

Merci beaucoup ça fonctionne

**andry.aime** · 18/07/2011, 13h37

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

a+.

Passage automatique au champ suivant

JavaScript

Discussions similaires

Partager

Partager