11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,

j'aimerais savoir quelle serai le moyen d'y arriver. j'ai deja vu cela sur certain site. exemple: un champ texte a un size de 3 et bien une fois 3 caractère tapé il passe à l'autre champ

Merci pour votre aide
Salut, gforce

Un truc de ce style devrait faire l'affaire

function Autotab(input,idSuivant) 
{ 
	if (input.length == 3 )
	{ 
		document.getElementById('idSuivant').focus();
	}
}  

****Dans ton input*****
<input type="text" onkeypress="Autotab(this, 'toto');">
<input type="text" id="toto">

J'ai adapté un truc que j'avais fait pour des numéros de téléphone mais en théorie, c'est OK

A+
As tu bien donné à ton deuxième input l'id du deuxième paramètre de la fonction?
Sinon, que te renvoie la console d'erreur?
Si ça peut te rendre service, j'avais programmé un script du style ...
[url=http://quentinc.net/javascript/script50-saisie-automatique-d'un-champ-a-l'autre/]Saisie automatique d'un champ à l'autre[/url]
merci mais j'ai trouvé une autre solution


function Autotab(box, longueur, texte) {
   if (texte.length > longueur-1) {
      document.getElementById('code'+box).focus();
  }
}



<input name="code1" value="" id="code1" size="4" maxlength="4" type="text" onkeyup="Autotab(2, this.size, this.value)"> <b>-</b>
<input name="code2" value="" id="code2" size="6" maxlength="6" type="text" onkeyup="Autotab(3, this.size, this.value); "> <b>-</b>
<input name="code3" value="" id="code3" size="4" maxlength="4" type="text">