2 inputs tipo image - submit y Cancelar

[sergi_climent]

Hola, tengo un formulario con 2 inputs, uno de aceptar y el otro de cancelar! el de aceptar hace el submit, y el cancelar llama una funcion para que vuelva a la pagina anterior....

Código html:

<div id="fila">
<div class="celda"></div>
<div class="celda"><input type="image" src="../lib/img/generics/ok.png" id="submit" name="submit" value="Guardar"></div>
<div class="celda"><input type="image" src="../lib/img/generics/ko.png" id="Cancelar" name="Cancelar" value="Cancelar" onclick="CancelarEditMaquines()"></div>
<div class="celda"></div>           
</div>
 

pero tanto uno como otro me hace el submit...

en q me equivoco?

Saludos y gracias

[zerokilled]

los inputs tipo imagen tambien funcionan como submit. por tanto, al pulsar cancelar realmente estas enviando el formulario. no estoy seguro de lo que quieras hacer pero puedes cambiar el boton cancelar por tipo button para que la funcion a llamar en onclick te regrese a la pagina anterior.

[sergi_climent]

Hola,

resumiendolo a la minima expresion -> lo q quiero hacer es tener los dos botones con unas imagenes muy chulas, una q me valide el form y la otra q me llame la funcion regresar!

por cierto, gracias por responder!!

saludos

[zerokilled]

la validacion la puedes hacer en el evento onsubmit del elemento FORM. no importa que tipo de boton uses, image o submit, el formulario se valida cuando se hace cualquier tipo de intento de envio. sin embargo, para el otro boton, opino que deberias usar un button en lugar de image. entiendo que quieres aplicarle una imagen, pero para tales casos tambien puedes usar css para aplicarle la imagen de fondo asi no interfieres con las funcionalidades originales de cada control/boton.

[sergi_climent]

Gracias zerokilled!

ya le estaba aplicando el css al boton porque no veia alternativa, pero por preguntar que no falte!!!


una vez mas gracias por responder!

Saludos

[sergi_climent]

una molestia mas, en css, si pongo lo siguiente:

Código css:

.botocancelar       { 
                      background-image:url("../img/generics/ko.png"); 
                      background-repeat:no-repeat;
                      background-position:center;                       
                    }
 

como puedo hacer para q el boton se vea solo la imagen y no el recuadro del boton con la imagen incrustada??

de momento para salir del paso se quedará así:

Código HTML:

<div class="celda"><a href="#"  onclick="CancelarEditMaquines()"><img src="http://www.forosdelweb.com/f13/lib/img/generics/ko.png"></a></div>
 

un link con imagen y en el evento onclik del link llamo la funcion!

hay nua manera mas limpia de hacerlo?

saludos

[zerokilled]

con CSS lo puedes corregir. le quitas el borde y le aplicas un cursor.

Código:

.botocancelar{
border:0;
cursor:pointer;
}