Foros del Web » Programando para Internet » Javascript »

apretar un boton al apretar enter en formulario

Estas en el tema de apretar un boton al apretar enter en formulario en el foro de Javascript en Foros del Web. Hola a todos, tengo el siguiente problema, tengo un formulario donde tengo 3 botones y lo que necesito es que al apretar enter cuando este ...
  #1 (permalink)  
Antiguo 01/01/2011, 14:09
 
Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 15 años, 1 mes
Puntos: 3
apretar un boton al apretar enter en formulario

Hola a todos, tengo el siguiente problema, tengo un formulario donde tengo 3 botones y lo que necesito es que al apretar enter cuando este en un textbox posicionado me aprete un boton determinado de los 3.

<input name="actualizar" class="tabladetallesc11px" type="submit" id="actualizar" value="Actualizar"/>';
<input name="mostrar" class="tabladetallesc11px" type="submit" id="mostrar" value="Mostrar"/>
<input name="borrar" type="submit" id="borrar" class="tabladetallesc11px" value="Borrar Carrera"/>

yo tengo esos 3 en un formulario llamado form2 y luego en el mismo formluario tengo el siguiente textbox

<input name="nombre" type="text" id="nombre" size="40" value="<?php echo $nombre;?>"/></td>

lo que necesito es que cuando este con focus en el textbox nombre y aprete enter me aprete el boton registrar , ahora me apreta el ultimo creo que esta puesto.

Como se puede hacer esto?.

Saludos y muchas gracias.
  #2 (permalink)  
Antiguo 01/01/2011, 14:53
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: apretar un boton al apretar enter en formulario

buenas...

básicamente tienes que hacer tres cosas: detectar la tecla Enter, simular un click al botón deseado, y detener el evento del campo al presionar Enter. para ello, necesitarás de un evento relacionado al teclado, por ejemplo onkeypress. para detectar la tecla Enter tienes que leer la propiedad keyCode o which del objeto event el cual devuelve un número y este lo comparas con el equivalente a Enter (13). si es el mismo valor, haces referencia al botón deseado y luego invocas el método click() y seguido devuelves un boolean false. este boolean false es necesario porque los navegadores responden al Enter en ciertos campos como si fuera un submit.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 01/01/2011, 14:57
 
Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 15 años, 1 mes
Puntos: 3
Respuesta: apretar un boton al apretar enter en formulario

a ver si me podes ayudar un poco mas porque de javascript no se casi nada. yo tengo la siguiente funcion que uso para hacer un submit cuando apreto enter .
necesitaria si podes modificar para que ejecute el boton registrar.

function iSubmitEnter(oEvento, oFormulario){
var iAscii;

if (oEvento.keyCode)
iAscii = oEvento.keyCode;
else if (oEvento.which)
iAscii = oEvento.which;
else
return false;

if (iAscii == 13) oFormulario.submit();

return true;
}
</script>

y en el textbox tengo lo siguiente.

onkeypress="iSubmitEnter(event, document.form2)"


esto es para que haga un submit al apretar enter yo necesito que haga click en el boton registrar.

Espero que puedas ayudarme, desde ya muchisimas gracias.
  #4 (permalink)  
Antiguo 01/01/2011, 15:11
 
Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 15 años, 1 mes
Puntos: 3
Respuesta: apretar un boton al apretar enter en formulario

buen ahi me salio lo que me quedo es lo siguiente

function iSubmitEnter(oEvento, oFormulario){
var iAscii;

if (oEvento.keyCode)
iAscii = oEvento.keyCode;
else if (oEvento.which)
iAscii = oEvento.which;
else
return false;

if (iAscii == 13) oFormulario.click();

return false;
}
</script>

y en el textbox tengo lo siguiente.

onkeypress="iSubmitEnter(event, document.form2.registrar)"


gracias....

ahora otra consulta, como puedo pasar lo que tiene de value un checkbox o textbox a un link .

ej:

<input name="tramite" type="checkbox" value="1" <?php echo $chekeado1;?>/>
<a href="../pdf/cc?hipodromo=lo que dice el value del checkbox" target="_blank"><img src="../imagenes/pdf.gif" width="50" height="50" border="0" /></a>

GRACIAS nuevamente.
  #5 (permalink)  
Antiguo 01/01/2011, 15:37
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: apretar un boton al apretar enter en formulario

tendrias que construir dinamicamente la URL del enlace en el evento click. para ello, tienes que asignar un string a la propiedad href del enlace. el string seria la URL concatenada con el valor del checkbox. para leer el valor del checkbox, primero obtienes la referencia del elemento y luego lees la propiedad value.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 01/01/2011, 15:47
 
Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 15 años, 1 mes
Puntos: 3
Respuesta: apretar un boton al apretar enter en formulario

me podrias dar un ejemplo si no es mucha molestia?

gracias..
  #7 (permalink)  
Antiguo 01/01/2011, 15:50
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: apretar un boton al apretar enter en formulario

asumiendo que: element es la referencia de <a>, checkbox la referencia de <input> e event el evento en que deseas que se inicie el codigo.
Código:
<element event="element.href = 'url' + checkbox.value; ">...</element>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: enter, botones, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.