Forcer le focus sur un champ

ONLOAD

vendredi 29 décembre 2006, par bluegyn_spip

Soit une page WEB contenant un formulaire <FORM> et 2 champs <INPUT>

Pour accéder au 1er champ, il faut d’abord le pointer avec la souris, avant d’y écrire des données

Ce qui est Trrrrès fââââtiguant

Voila la manip pour que le curseur s’y place automatiquement

La méthode la plus simple est de donner un nom à chaque objet afin de pouvoir l’appeler

Le formulaire s’appellera

F

et le champ NOM,

NOM

<body>



<FORM name="F">



NOM <INPUT name="NOM"> 

PRENOM <INPUT name="PRENOM">



</FORM>



</body>

J’ouvre la Balise BODY et j’intercepte l’événement "Chargement de la page"

onLoad=" ... "

Entre les guillemets je nomme le champ pointé et je lui applique la Méthode focus()

focus() et pas Focus()

car Javascript est sensible à la casse

Et je n’oubie pas les 2 parenthèses qui définissent la fonction !!!

Je ferme la balise /BODY

Je pointe le curseur sur NOM à l’ouverture de la page

<BODY onLoad="F.NOM.focus();">



...

Je pointe sur PRENOM

<BODY onLoad="F.PRENOM.focus();">



...

Messages

1. Forcer le focus sur un champ, 29 décembre 2006, 12:06, par BlueGYN

Un javascript plus universel

qui place le focus sur un champ TEXTE d’un formulaire F
<body onload="document.forms['F'].elements['TEXTE'].focus()"> <form name="F"> <input name="TEXTE"> </form> </body>

Voir en ligne : http://www.toutjavascript.com/savoi...
2. Forcer le focus sur un champ, 29 décembre 2006, 12:14, par BlueGYN

Penser à activer le Javascript dans le navigateur

Et à paramétrer correctement les Bloqueurs de Scripts (comme NoScript dans Firefox)
3. Forcer le focus sur un champ, 29 décembre 2006, 12:36, par BlueGYN

Si on n’a pas accès à la balise BODY, on peut très bien activer le code sur une balise SCRIPT

EXEMPLE
<script> document.forms[0].TEXTE.focus(); </script>