Nueva pregunta

Pregunta:

 
  1  
 
 
Noe diego Velazquez Karma: 7 México
 
 Fecha: 04-12-2021 13:45:57 (En Español)

Hacer focus en input[No resuelta]

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. Etiquetas: PHP Votos: 1 - Respuestas: 7 - Vistas: 14 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Ernesto Peimbert Karma: 5332 México
     
    Fecha: 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       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Noe diego Velazquez Karma: 7 México
     
    Fecha: 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       Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Juan Vasquez Karma: 952 Guatemala
     
    Fecha: 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 />
       Votos: 1 - Link respuesta
     
  •  
      1  
     
     
    Ernesto Peimbert Karma: 5332 México
     
    Fecha: 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       Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    Noe diego Velazquez Karma: 7 México
     
    Fecha: 07-12-2021 18:24:15 hola Juan si lo pongo como indicas cuando se carga la pagina se directo al input   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Noe diego Velazquez Karma: 7 México
     
    Fecha: 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.....       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Leonardo Lindo Karma: 26 Cuba
     
    Fecha: 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.       Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com