Changer de Textbox

Eléphant du PHP | 424 Messages

05 août 2006, 12:13

Bonjour,

Ma question va peut etre vous parraitre bête mais je la pose quand meme :

Comment fait on pour obliger l'utilisateur à inscrire 2 caractére dans une textbox et aprés ces deux caracteres changer de textbox sans utiliser la touche tabulation ??

Merci pour votre aide
Youpi Youpi Yo !

Mammouth du PHP | 19672 Messages

05 août 2006, 12:31

Avec un gestionnaire d'évènements onKeyUp, tu comptes le nombre de caractères inscrits et si tu obtiens 2, tu mets le focus sur le champ suivant. Exemple :
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<!-- Date de création: 05/08/2006 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title></title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function sautChamp(idchamp1, idchamp2)
{
    var formulaire = document.forms['monformulaire'];
    var valeur = formulaire.elements[idchamp1].value;
    if(valeur.length == 2)
    {
        formulaire.elements[idchamp2].focus();
    }
}
/* ]]> */
</script>
</head>
<body>
<form id="monformulaire" action="#" method="post">
  <fieldset>
    <legend>Changement de champ de saisie automatique</legend>
    <label>Premier champ, (2 caractères maxi) : <input type="text" name="champ1" id="champ1" maxlength="2" onkeyup="sautChamp(this.id, 'champ2');" /></label><br />
    <label>Second champ : <input type="text" name="champ2" id="champ2" value="" /></label>
  </fieldset>
</form>
</body>
</html>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 424 Messages

05 août 2006, 15:15

Ok ca fonctionne parfaitement !!!! Merci Cyrano...

Pour en ajouter d'autres je cherche coment faire
Youpi Youpi Yo !