Foros del Web » Creando para Internet » HTML »

Imagen como boton pero sin submit

Estas en el tema de Imagen como boton pero sin submit en el foro de HTML en Foros del Web. Buenas me he dado vuelta en este asunto hace rato buscando una solución buena, nesecito usar una imagen como boton pero que no tenga action ...
  #1 (permalink)  
Antiguo 13/12/2008, 21:09
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 11 años, 6 meses
Puntos: 4
Imagen como boton pero sin submit

Buenas me he dado vuelta en este asunto hace rato buscando una solución buena, nesecito usar una imagen como boton pero que no tenga action de submit.

Probe de distintas maneras ej pero sigue el problema de que hace el submit, sin terminar de validar.

<button type="submit" onclick="validar_ncliente()"><img src="img/ok.png"/></button>
  #2 (permalink)  
Antiguo 13/12/2008, 21:30
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2099
Respuesta: Imagen como boton pero sin submit

Puedes poner la imagen normal, y aplicar el evento onclick a la imagen. Creo que entendí que es lo que quieres hacer.

Código HTML:
<img onclick="validar_ncliente()" src... /> 
  #3 (permalink)  
Antiguo 13/12/2008, 21:40
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 11 años, 6 meses
Puntos: 4
Respuesta: Imagen como boton pero sin submit

<input name="boton01" type="image" alt="Guardar" src="img/ok.png" class="style3" id="boton01" onClick="validar_ncliente()" value="Guardar" />

Si eso ya lo probe pero el problema es que aunque se ejecuta la validación el formulario se envia de inmediato.

Segun lo que lei es pq al usar el tipo imagen en un boton = que sea de tipo submit, yo nesecito que sea un boton con action = none, con el cual llamo a mi validación en javascript y desde ahi hago el submit
  #4 (permalink)  
Antiguo 14/12/2008, 11:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2099
Respuesta: Imagen como boton pero sin submit

Pues en realidad con poner en la función validar_ncliente que no envíe el formulario hasta que haya comprobado que los datos son correctos tienes lo que quieres.
  #5 (permalink)  
Antiguo 16/12/2008, 10:30
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 11 años, 6 meses
Puntos: 4
Respuesta: Imagen como boton pero sin submit

Ok con la ayuda proporcionada me funciono asi:

<form name='add' form action="clientes.php" method="post" onsubmit="return false">
<input type="hidden" name="accion" value="Insertar" />

<input type="image" onclick="validar_ncliente()" src="img/ok.png" name="image" width="32" height="32">

Desde la validación JS validar_ncliente hago el submit.
Highlander esta en línea ahora Añadir Karma a Highlander Reportar Mensaje Editar/Borrar Mensaje
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 19:53.