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

Version imprimable

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:

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?

31/03/2006, 16h59
onet

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
31/03/2006, 17h16
calitom

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!!
31/03/2006, 17h22
onet

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!
31/03/2006, 17h34
calitom

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

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

Code:

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

01/04/2006, 13h07
SpaceFrog

c'est aussi dans la :faq: ...
01/04/2006, 17h26
Kerod

Lol j'ai même pas pensé à aller voir :roll: :roll:
04/04/2006, 11h21
calitom

Merci beaucoup!
Ca marche au poil!