2 Textfield con 2 botones

aenima_tool · #1 (**permalink**) 10/05/2011, 10:35

Buenas a todos.

Tengo una duda que puede resultar muy básica pero hasta ahora no he podido dar con la solución.

Mi problema:

Tengo 2 textfield y 2 botones en un formulario.

El primer textfield1 es un buscador que está junto a un botón1
el segundo textfield2 está más abajo que es un campo para guardar un dato, también junto a un botón2.

Si me paro en el textfield1 y apreto enter, automaticamente se presiona el botón1 y me busca lo que tengo escrito en el textfield1.

Pero si me paro en el textfield2 y escribo algo y apreto enter, se presiona el botón1.

Como puedo hacer para que al escribir en el textfield2 y apretar enter se presione el botón2 ?, y que al escribir en el textfield1 al presionar enter se presione el botón1 ?.

Espero me puedan ayudar con esto

Saludos!.

Erick21 · #2 (**permalink**) 10/05/2011, 11:05

hola,me parece que tu problema debe esta dentro de esta en la accion que esta ejecutando los botones . como haces la busqueda mediante una funcion ? si es asi derrepente la funcion esta
siendo ejecutada en los botones .

si no es asi fijate que los id de los botones no se repitan aun que creo que no es el caso.todas maneras podrias postear tu codigo para darte una mejor ayuda.

aenima_tool · #3 (**permalink**) 10/05/2011, 13:08

Código PHP:

Ver original<TD width=230 align=left>
<INPUT type=text name="bscr_codigo" value="<% = lsBscrCodigo %>" size=14 maxlength=14 style="FONT-SIZE: 9" onFocus="document.forms[0].bscr_codigo.select(); this.value=''" id="bscr_codigo">
 
<INPUT type=image src="/pda/images/buscar1.jpg" id=buscar name=buscar onClick="return ejecutar('B')"></TD>

Ahi el buscar, y el guardar:

Código PHP:

Ver original<INPUT TYPE=text NAME="ean_1" value="<% = lsItemEAN1 %>" SIZE=15 MAXLENGTH=14 style="FONT-SIZE: 9" onFocus="document.forms[0].ean_1.select()"><FONT FACE="Arial, Helvetica, sans-serif" size=1 color=#006699>
 
<INPUT type=image src="/pda/images/grabar.jpg" id=grabar name=grabar onClick="return ejecutar('G')">

Las funciones:

Código Javascript:

Ver originalfunction ejecutar(s) {
      if (s == "G" || s == "B") {
        document.forms[0].bdgs_accion.value = s;
        return true;
      }

La id buscar no está en ningun otro lugar, solo en estos codigos.

IsaBelM · #4 (**permalink**) 10/05/2011, 13:42

cuando se pulse enter sobre el formulario, este se enviará con el primer submit que tengas en el html. para evitar este comportamiento, en vez de usar submit, hay que usar button. no sé si esto es transpolable a un botón tipo image

aenima_tool · #5 (**permalink**) 10/05/2011, 13:56

No se puede hacer algo asi como que al presionar enter lo use en el guardar, y si no existe el boton guardar que lo haga en el buscar?

angelfcm · #6 (**permalink**) 10/05/2011, 14:15

Hola, te dejo un ejemplo:

Código HTML:

Ver original<html>
<head>
<title>Centrado</title>
<script>
function presionarBtn(e,id){
 var btn=document.getElementById(id);
 n=e.which?e.which:e.keyCode;
 if(n==13)
  btn.click();
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input type="text" onkeypress="presionarBtn(event,'btn1')" /><input type="button" id="btn1" value="botón 1" onclick="alert('botón 1 presionado')" />
<input type="text" onkeypress="presionarBtn(event,'btn2')" /><input type="button" id="btn2"" value="bot&#243;n 2" onclick="alert('botón 2 presionado')" />
</body>
</html>

Saludos

IsaBelM · #7 (**permalink**) 10/05/2011, 14:33

sólo has de usar botones button y con css los maquetas como quieras (color, fuente, fondo, imagen, ...)

aenima_tool · #8 (**permalink**) 10/05/2011, 14:39

Funcionó!, gracias! :D

IsaBelM · #9 (**permalink**) 11/05/2011, 06:34

como de día todo parece mas claro. dos controles y dos botones, pues dos formularios. de este modo te evitas tener que usar javascript

aenima_tool · #10 (**permalink**) 11/05/2011, 10:59

en todo caso xD, gracias por la ayuda IsaBelM =)