Avoir le focus dans un input typ='text'

Résolu/Fermé
curtis002 Messages postés 69 Date d'inscription lundi 31 mars 2008 Statut Membre Dernière intervention 19 février 2021 - 25 juin 2008 à 11:02
necro27 Messages postés 160 Date d'inscription jeudi 28 mai 2009 Statut Membre Dernière intervention 11 février 2011 - 10 févr. 2011 à 09:39
Bonjour,

je voudrait savoir ce qu'il faut mettre dans la balise input pour que, lorsque que j'arrive sur ma page, le focus de la souris soit directement a l'intérieur de la zone text!!??

<input type='text' size='15' name='NewNom' >


merci d'avance

1 réponse

Sri Lumpa Messages postés 177 Date d'inscription mercredi 14 novembre 2007 Statut Membre Dernière intervention 1 juin 2010 68
25 juin 2008 à 11:17
Pour ça tu va avoir besoin d'un petit poil de JavaScript...

Dans le header de ta page html, il faut que tu ajoutes :
<script language="JavaScript">
    <!--
    function donner_focus(chp)
    {
        document.getElementById(chp).focus();
    }
    // -->
</script>

Puis tu vas devoir ajouter un champs "id" à la balise input de ton formulaire
<input type='text' size='15' name='NewNom' id ='champs_text'>

Enfin, tu vas juste devoir rajouter un attribut dans la balise body de ta page html :
<body  onload="donner_focus('champ_text')">
1
curtis002 Messages postés 69 Date d'inscription lundi 31 mars 2008 Statut Membre Dernière intervention 19 février 2021 3
25 juin 2008 à 11:33
je te remercie Sri Lumpa sa fonctionne seulement il manque juste un petit truc:

<script language="JavaScript">

    function donner_focus(chp)
    {
        document.getElementById('chp').focus();
    }

</script>

juste les deux cot autour de 'chp'

mais merci encore...
0
necro27 Messages postés 160 Date d'inscription jeudi 28 mai 2009 Statut Membre Dernière intervention 11 février 2011 8
Modifié par necro27 le 10/02/2011 à 09:43
Bonjour à tous,

Simple rectification en passant par là ^^

Sri Lumpa a raison, il n'y a pas de cotes à chp.

chp est considéré comme une variable, qui contient le champ texte 'champs_text'.
Si tu met des cotes à chp, tu vas te retrouver à vouloir mettre le focus sur le champ nommé chp, au lieu du champ dont le nom est contenu dans la variable chp.

En clair, pour
function donner_focus(chp)
{
document.getElementById('chp').focus();
}

il te faut un champ texte

<input type='text' size='15' name='NewNom' id ='chp'>

Et ce que propose Sri Lumpa, c'est :

function donner_focus(chp)
{
document.getElementById(chp).focus();
}

<input type='text' size='15' name='NewNom' id ='champs_text'>

Ici tu vas récupérer dans ta variable chp le nom du champ texte 'champs_text'.

Et donc pour rappeler ce que disais Sri Lumpa,

<body onload="donner_focus('champ_text')">

Au chargement de la page, tu appelle la fonction donner_focus, avec comme valeur 'champ_text'
Cette valeur sera ensuite traité dans ta fonction afin de sélectionner le cham^p où le focus doit être mis.

Bonne journée :)

Necro27
0