Avoir le focus dans un input typ='text'

Résolu
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
Configuration: Windows XP
Firefox 3.0

1 réponse

  1. 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. 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...
    2. 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