par
Cyrano » 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>
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 :
[php]<?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>[/php]
