New question

Question:

Date: 04-12-2021 13:45:57 (In Spanish)

Hacer focus en input[Unresolved]

hola foro!!!
esperando me puedan ayudar, y es con lo siguiente lo que deseo es que al hacer click en un enlace ponga el focus en un <input type='text' /> he probado varias formas pero ni he podido hacerlo les muestro mi codigo.

<head>
<script>
function ponte(){
document.getElementById("xxx").focus();
}
/*function ponte(){
f.nom.focus();
}*/
//$(function ponte() {
// $('#ponte').focus();
//});
</script>
</head>

<nav>
<!--<a href="#con">Contactanos</a>-->
<a href="#con" onclick="ponte()">Contactanos</a>
</nav>

<section class="clientes contenedor" id="con">
<input type="text" name="nom" id="ponte" class="l1" placeholder="Introduzca su nombre..." tabindex="1" required />
</section>
GRACIAS.
Tags: PHP Votes: 1 - Answers: 7 - Views: 13 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 06-12-2021 05:18:35 Hola Noe,
    Tu Código está mal.

    En la función 'ponte()' haces referencia al id 'xxx' cuando realmente debería ser 'ponte'.

    Saludos
      Votes: 0 - Link answer
     
  • Date: 06-12-2021 12:07:46 Hola Ernesto!!!
    lo cambia asi y no funciona.....
    <nav>
    <a href="#con" onclick="PonFocus()">Contactanos</a>
    </nav>

    <script>
    function PonFocus(){
    var elemento = document.getElementById( "fmnom" );
    elemento.focus();
    }
    </script>

    <section class="clientes contenedor" id="con">
    <input type="text" name="nom" id="fmnom" required />
    </section>

    GRACIAS
      Votes: 0 - Link answer
     
  • Date: 07-12-2021 06:30:19 Has probado el enfoque usando HTML usando autofocus?:
    <input type="text" name="nom" id="ponte" class="l1" placeholder="Introduzca su nombre..." 
    tabindex="1" required autofocus />
      Votes: 1 - Link answer
     
  • Date: 07-12-2021 13:31:01 De hecho sí funciona, el problema es tu expectativa.

    Al tener la función dentro de un ancla la función se ejecuta y, de manera concurrente, se ejecuta la redirección del ancla.

    Para evitar la redirección puedes hacer algo como:

    
    <nav>
    <a href="#con" onclick="PonFocus()">Contactanos</a>
    </nav>
    
    <script>
    function PonFocus(){
      event.preventDefault();
      const elemento = document.getElementById( "fmnom" );
      elemento.focus();
    }
    </script>
    
    <section class="clientes contenedor" id="con">
    <input type="text" name="nom" id="fmnom" required />
    </section>


    Saludos
      Votes: 1 - Link answer
     
  • Date: 07-12-2021 18:24:15 hola Juan si lo pongo como indicas cuando se carga la pagina se directo al input   Votes: 0 - Link answer
     
  • Date: 07-12-2021 18:27:51 hola Ernesto buenas noche
    creo que me voy a volver loco como indicas esta igual al codigo que tengo y no funciona.....
      Votes: 0 - Link answer
     
  • Date: 30-12-2021 05:26:25 Hola el problema que tinees está al tener la función dentro del ancla... te faltaría en el script colocar un
    event.preventDefault();


    Así todo funcionaría solo que saldrías directo a la posición del input y no a la posición del ancla.
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In