Formulario: Quiero darle al enter dentro de un textarea y que haga focus en el Boton

MuR3 · #1 (**permalink**) 17/04/2008, 13:57

Hola buenas.

Cuestion:

Tengo un formulario tal que este, muy sencillo, un textarea y un boton.

Código HTML:

<FORM name=formclave>
      <div align="center">
        <INPUT name=clave>
        <br>
       
        <INPUT name="button" type="button" onclick="acceso()" value="Acceder">
        </div>
    </FORM></td>

Y luego el scrip de verificacion de clave:

Código HTML:

<SCRIPT> 
function acceso(){ 
    window.location = document.formclave.clave.value + ".htm" 
} 
</SCRIPT>

Bien, la cuestion es que yo escribo la palabra para acceder, y cuando le doy al enter, no me activa el boton y se borra lo que escribi. Para que funcione, tengo que escribir la palabra para acceder y despues con el raton pinchar en el boton, y yo no quiero eso, quiero darle al enter y que entre, como hace google con sus busquedas, no se si me explico.

Un saludo y muchas gracias, por que llevo 1 semana dando vueltas a esto y no soy capaz de hacerlo ni encuentro nada similar.

pateketrueke · #2 (**permalink**) 17/04/2008, 17:43

debes usar un <input type="submit"/> no del tipo button, ademas kitale el acceso() del evento OnClick... del boton, y agregaselo en el onsubmit="return acceso()" ((en tu FORM))

Mikmoro · #3 (**permalink**) 17/04/2008, 17:53

Cita:

Iniciado por pateketrueke

debes usar un <input type="submit"/> no del tipo button, ademas kitale el acceso() del evento OnClick... del boton, y agregaselo en el onsubmit="return acceso()" ((en tu FORM))

¿Has probado eso que dices?

Si es así, ¿podrías poner su código con tu modificación funcionando?

MuR3 · #4 (**permalink**) 18/04/2008, 12:57

Bueno, intento hacer eso que me dices pero no hay manera.

¿?¿?¿?¿?

osvier · #5 (**permalink**) 18/04/2008, 14:18

Cita:

Iniciado por Mikmoro

¿Has probado eso que dices?

Si es así, ¿podrías poner su código con tu modificación funcionando?

Código HTML:

<FORM name=formclave onsubmit="acceso();">
      <div align="center">
        <INPUT name=clave >
        <br>
       
        <INPUT name="button" type="submit" value="Acceder">
      </div>
    </FORM>

Mikmoro · #6 (**permalink**) 18/04/2008, 15:44

No, decía "Si es así, ¿podrías poner su código con tu modificación funcionando?"

Significa funcionando como el usuario ha pedido.

El usuario pateketrueke daba eso como solución, y yo le preguntaba si lo había probado y funcionaba según pedía MuR3, y yo no veo que este código funcione como él pide. Igual he copiado algo mal.

Mikel.

MuR3 · #7 (**permalink**) 18/04/2008, 16:05

No funciona tio, ¿?¿?¿?

No encuentro forma de hacer lo que quiero, me estoy volviendo loco ahhhhhh

Mikmoro · #8 (**permalink**) 18/04/2008, 17:04

Mira, aunque esto sea una aberración de javascript, que algún experto nos aclarará (si hay suerte), esto funciona como tú quieres:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Formulario</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<script type="text/javascript">
function acceso(){
window.location = document.formclave.clave.value + ".htm"
}
</script>
<script type="text/javascript">
function saltar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13) window.location = document.formclave.clave.value + ".htm";
}
</script>
<style type="text/css">
.oculto {display: none;}
</style>
</head>
<body>
<form name="formclave">
<input class="oculto"/>
<input type="text" name="clave" onkeypress="saltar(event)" />
<input name="button" type="button" onclick="acceso()" value="Acceder" />
</form>
</body>
</html>

Mikel.

MuR3 · #9 (**permalink**) 19/04/2008, 08:33

Ya funciona correctemante. Tanto con el Enter como haciendo click en el boton.

Muchas gracias.

Cuando le doy con el Enter, suena un sonido

Saludos y gracias de nuevo.