tabulation automatique a la fin d'un champ

03 juil. 2006, 14:55

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

03 juil. 2006, 16:06

Tu peux récupérer dans l'attribut onKeyUp="" (lorsque l'utilisateur relache une touche du clavier) la longueur du texte qui a été saisi :

Code : Tout sélectionner

this.value.length

où
this : le champ concerné
this.value : la valeur du champ concerné
this.value.length : la longueur de la valeur du champ concerné

et si cette longueur correspond à la taille attendue (ou à la taille max du champ .maxlength) tu peux placer le focus sur un autre champ

Code : Tout sélectionner

document.nomDuFormulaire.nomDuChampSuivant.focus();

où
document : la page
document.nomDuFormulaire : le formulaire "nomDuFormulaire" de la page
document.nomDuFormulaire.nomDuChampSuivant : le champ "nomDuChampSuivant" du formulaire en question
focus() : donne le focus (et place éventuellement le curseur dedans)

04 juil. 2006, 09:34

merci merci

j'ai trouvé cette soluton aussi

Code : Tout sélectionner

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

tabulation automatique a la fin d'un champ

Qui est en ligne