Avoir le focus dans un input typ='text'

Résolu
curtis002 Messages postés 69 Date d'inscription   Statut Membre Dernière intervention   -  
necro27 Messages postés 160 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   69
 
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   Statut Membre Dernière intervention   3
 
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   Statut Membre Dernière intervention   8
 
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