faire passer le curseur d'un input text à un autre automatiq

**calitom** · 31/03/2006, 15h57

Je cherche un moyen de faire passer le curseur d'un input text à un autre sans que l'utilisateur ai besoin d'appuyer sur tab.
Voici mes 4 input:

Code :

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

1
2
3
4
5
 
<input name="cb" type="text" id="cb" size="3" maxlength="4"/>
<input name="cb2" type="text" id="cb2" size="3" maxlength="4"/>
<input name="cb3" type="text" id="cb3" size="3" maxlength="4"/>
<input name="cb4" type="text" id="cb4" size="3" maxlength="4"/>

Dans mon cas, je veux que quand l'utilisateur a fini de remplir le premier input (cb soit 4 caractères) il passe automatiquement au suivant (cb2)...

Est ce que quelqu'un aurait une idée?

**onet** · 31/03/2006, 15h59

OUi, mais tu n'est pas sur le bon forum

Essaie d'aller regarder dans le forum javascript. Ce n'êst que comme ca que tu peux interagir en "live" avec ton visiteur, et donc effectuer certaines manipulation sur son formulaire

PHP t'obligerais a recharger ta page a chaque input :p Ca me semble un peu lourd, lol!

Onet

**calitom** · 31/03/2006, 16h16

Meme si je ne suis pas forcement dans le bon forum, personne ne sait comment faire?

Parce que moi j'en ai aucune idée!!

**onet** · 31/03/2006, 16h22

Faudrais que je me remette dans mes cours javascript (c'est pour ca que tu aura plus de chance de trouver ta réponse).

Mais grosso-modo, tu utilise le onKeyUp (teste que tu viens de relacher la touche, et donc que tu as ajouter/supprimé un caractère.) pour appeler une fonction que tu aura créer.

Ta fonction teste le nombre de caractère de ton champ, et si il est = a celui que tu veux en limite, tu attribue le focus sur le champ suivant.
Voila, bonne chance

Onet

P.S: ce n'est qu'une voie, y a peut etre mieux, mais moi et le javascript, on s'aime pas!

**calitom** · 31/03/2006, 16h34

Ok je vais voir ce que je peux faire avec ca...
En tout cas merci de ta réponse!

**Kerod** · 31/03/2006, 20h35

voilà un petit code vite fait, qui fonctionne sous FF et IE

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
 
<script type="text/javascript" language="javascript">
function focalise(val,id)
{
	if(val.length == 4)
	  document.getElementById(id).focus();
}
</script>
</head>
 
<body>
<input name="cb" type="text" id="cb" size="3" maxlength="4" onkeyup="focalise(this.value,'cb2')" />
<input name="cb2" type="text" id="cb2" size="3" maxlength="4" onkeyup="focalise(this.value,'cb3')" />
<input name="cb3" type="text" id="cb3" size="3" maxlength="4" onkeyup="focalise(this.value,'cb4')" />
<input name="cb4" type="text" id="cb4" size="3" maxlength="4" />
</body>
</html>

bien sur tu peux enlever le this.value et mettre this.id ainsi tu peux récupérer le maxlength pour faire directement la comparaison avec la longueur de la chaine. J'ai mis comme ca car c'est plus court