Saisie rapide - Enchainement des inputs automatique

**Johnbob** · 13/10/2005, 17h02

Bonjour � tous.

Voil�, dans un formulaire contenant un certain nombre d'input de type texte, je souhaite que lorsque l'utilisateur a saisi le bon nombre de caract�res (correspondant � "maxlength"), le focus soit donn� � l'input suivant. Ainsi, l'utilisateur tape en continue sur son clavier pour remplir tous les champs sans utiliser TAB ou la souris.

Code :

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

<input type="text" name="champ1" id="champ1" maxlength="6" onKeyUp="checkFilling(this);"/>

Code :

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

1
2
3
4
5
function checkFilling(field) {
	if (field.value.length==field.maxLength) {
		field.form.elements[field.QueMettreIci+1].focus();
	}
}

Quelle propri�t� de field (qui est un objet input) me renvoie son index dans le tableau des �l�ments du formulaire ? Il existe "sourceIndex" mais �a me donne l'index du input dans le tableau de tous les �l�ments HTML de la page...

D'autre part, il y a peut-�tre plus simple en �crivant un truc du style "field.form.next();" ?

**SpaceFrog** · 13/10/2005, 17h05

premi�re remarque:

if (field.value.length==nb) {

**Johnbob** · 13/10/2005, 17h08

H�h�, je l'avais �dit� avant que tu postes

Merci quand m�me.

**Johnbob** · 13/10/2005, 17h37

Solution ici: http://www.w3schools.com/js/tryit.as...tryjs_autonext

Cette solution ne me convient pas car il est n�cessaire d'affecter une valeur � tabindex pour tous les champs... Donc, la question du premier post tient toujours...

**Mr N.** · 13/10/2005, 17h44

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
<!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>
<script type="text/javascript">
function checkFilling(field, next) {
	if (next) {
		if (field.value.length==field.maxLength) {
			field.form.elements[next].focus();
   		}
	}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<form name="formulaire" action="">
<input type="text" name="champ1" id="champ1" maxlength="6" onKeyUp="checkFilling(this, 'champ2');"/>
<input type="text" name="champ2" id="champ2" maxlength="6" onKeyUp="checkFilling(this);"/>
</form>
</body>
</html>

**SpaceFrog** · 13/10/2005, 17h44

Code :

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

1
2
3
4
5
6
7
8
function checkFilling(field) {
   if (field.value.length==field.maxLength) {
  var nextfield=this.id.split('p')
  nextfield=Number(nextField[1])+1
  nextfield="champ"+nextfield   
   document.getELementById(nextfield).focus();
   }
}

si tant est que tes champs aient une id incr�ment�e ...

**Mr N.** · 13/10/2005, 17h46

Par contre avec mon code j'ai cette erreur

Code :

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

1
2
3
Error: [Exception... "'Permission denied to get property XULElement.selectedIndex' when calling method: [nsIAutoCompletePopup::selectedIndex]"  nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)"  location: "JS frame :: file:///home/nico/Desktop/test_name.html :: checkFilling :: line 8"  data: no]
Source File: file:///home/nico/Desktop/test_name.html
Line: 8

:

Saisie rapide - Enchainement des inputs automatique

JavaScript