sustituir botones por imagen

01/02/2005 - 02:29 por Azku | Informe spam
Tengo una web con un formulario con los botones Enviar (accion post) y otro
Limpiar para restablecer el formulario, el caso es que por cuestiones de
diseño tengo que sustituir los botones por unas imagenes. ¿Que código debo
poner para que las imagenes realicen las funciones de enviar y restaurar el
formulario?

Preguntas similare

Leer las respuestas

#1 Matias Iacono
01/02/2005 - 13:21 | Informe spam
Aunque no lo he provado con el restaurar, lo que si se es que debes usar
javascript para hacer dicha funcionalidad.

En el caso de enviar el formulario, tienes dos opciones. Si usas un <input
type=image ...> este campo tiene la misma funcionalidad que el boton submit.
O si no, por medio de codigo javascript:

<img src="" onclick="HacerSubmit()">

Y la funcion script:

<script>
function HacerSubmit()
{
document.NOMBREDELFORMULARIO.submit();
}
</script>

Como te comente al principio, no he probado con el reset, pero siguiendo la
misma logica. En otra imagen, la funcion podria ser:

function HacerReset()
{
document.NOMBREDELFORMULARIO.reset();
}

Saludos,

Matias Iacono
Microsoft MVP



"Azku" wrote in message
news:aYALd.91580$
Tengo una web con un formulario con los botones Enviar (accion post) y


otro
Limpiar para restablecer el formulario, el caso es que por cuestiones de
diseño tengo que sustituir los botones por unas imagenes. ¿Que código debo
poner para que las imagenes realicen las funciones de enviar y restaurar


el
formulario?


Respuesta Responder a este mensaje
#2 Kev
01/02/2005 - 16:31 | Informe spam
<form name="TuFormulario" action="DondeVa"...>
<!--Para el Submit-->
<img src="PathDeTuImagen" onclick="this.form.submit();">
<!--Para el Reset-->
<img src="PathDeTuImagen" onclick="this.form.reset();">
</form>

Salu2

"Azku" wrote:

Tengo una web con un formulario con los botones Enviar (accion post) y otro
Limpiar para restablecer el formulario, el caso es que por cuestiones de
diseño tengo que sustituir los botones por unas imagenes. ¿Que código debo
poner para que las imagenes realicen las funciones de enviar y restaurar el
formulario?



Respuesta Responder a este mensaje
#3 Miguel Gonzalez
02/02/2005 - 15:53 | Informe spam
Otra opcion (solo para navegadores "modernos"), permite poner una imagen
dentro de un botón (como si fuera el boton de una barra de herramientas
con su icono). Por ejemplo:

<button type="submit" name="Filtrar" value="0" title="Filtra resultados
..."><img src="filtro.gif"></button>

Saludos!
Miguel

Azku wrote:
Tengo una web con un formulario con los botones Enviar (accion post) y otro
Limpiar para restablecer el formulario, el caso es que por cuestiones de
diseño tengo que sustituir los botones por unas imagenes. ¿Que código debo
poner para que las imagenes realicen las funciones de enviar y restaurar el
formulario?


Respuesta Responder a este mensaje
#4 Azku
02/02/2005 - 16:47 | Informe spam
Gracias, lo he hecho como me has dicho y funciona aunque en la función del
reset he tenido que poner return false al final porque sino además de
restaurar el formulario lo enviaba también.

"Matias Iacono" escribió en el mensaje
news:
Aunque no lo he provado con el restaurar, lo que si se es que debes usar
javascript para hacer dicha funcionalidad.

En el caso de enviar el formulario, tienes dos opciones. Si usas un <input
type=image ...> este campo tiene la misma funcionalidad que el boton


submit.
O si no, por medio de codigo javascript:

<img src="" onclick="HacerSubmit()">

Y la funcion script:

<script>
function HacerSubmit()
{
document.NOMBREDELFORMULARIO.submit();
}
</script>

Como te comente al principio, no he probado con el reset, pero siguiendo


la
misma logica. En otra imagen, la funcion podria ser:

function HacerReset()
{
document.NOMBREDELFORMULARIO.reset();
}

Saludos,

Matias Iacono
Microsoft MVP



"Azku" wrote in message
news:aYALd.91580$
> Tengo una web con un formulario con los botones Enviar (accion post) y
otro
> Limpiar para restablecer el formulario, el caso es que por cuestiones de
> diseño tengo que sustituir los botones por unas imagenes. ¿Que código


debo
> poner para que las imagenes realicen las funciones de enviar y restaurar
el
> formulario?
>
>


email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida