Page 1 sur 1

tabulation automatique a la fin d'un champ

Posté : 03 juil. 2006, 14:55
par Invité
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

Posté : 03 juil. 2006, 16:06
par Ryle
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

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();

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)

:)

Posté : 04 juil. 2006, 09:34
par Invité
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">