Foros del Web - Boton "Enviar" con imagen

Foros del Web (http://www.forosdelweb.com/)

- Diseño web (http://www.forosdelweb.com/f91/)

- - Boton "Enviar" con imagen (http://www.forosdelweb.com/f91/boton-enviar-con-imagen-406029/)

Boton "Enviar" con imagen

Hola a todo el mundo!

Tengo un formulario con varios botones submit. Cada uno de estos botones cumple una función: crear nuevo, modificar, borrar... Para ello les pongo a cada uno el mismo nombre y un valor distinto, es decir:

<input type="submit" value="Nuevo" name="opcion">
<input type="submit" value="Modificar" name="opcion">
<input type="submit" value="Eliminar" name="opcion">
...

Cuando envio el formulario, lo primero que hago es leer el valor de "opcion", y segun el valor que tiene, hago funciones distintas con los demas elementos recibidos.

Hasta aqui todo bien. El problema es que ahora quiero sustitur los inputs de tipo "submit" por "image". Es decir:

<input type="image" src="nuevo.bmp" alt="Nuevo" value="Nuevo" name="opcion">
...
...

Y aunque en todos los sitios ponga que son iguales, a mi no me funcionan igual. Al enviar el formulario, no recibe ningun valor de "opcion".

A alguien se le ocurre algo? :borracho:

No sera que el problema esta en que todos tus botones se llaman iguales ?? se llaman opcion ??

Por otra parte recuerda que los botones de formulario tienen 2 estados submit y reset lo de Nuevo, Modificar, Eliminar deberias implementarlo de otra manera, por ejemplo con seleccion de la accion a realizar en un list u option y un submit de confirmacion :)

OK. dices que usas los input-submit para diferentes consas, me gustaria saber como lo haces convendria que pusieras tu código.

Pero para poner imagenes diferentes a cada boton ponles un id.

Código:

<input type="submit" value="opcion1" name="B1" id="boton1" />

<input type="submit" value="opcion2" name="B2" id="boton2" />

<input type="submit" value="opcion3" name="B3" id="boton3" />

<input type="submit" value="opcion4" name="B4" id="boton4" />

y con css lo siguiente

Código:

input#boton1{

        background-image: url('../botones/boton_1.jpg');

        background-repeat: y-repeat; /*de ser necesario*/

}

input#boton2{

        background-image: url('../botones/boton_2.jpg');

        background-repeat: x-repeat; /*de ser necesario*/

}

input#boton3{

        background-image: url('../botones/boton_3.jpg');

        background-repeat: no-repeat; /*de ser necesario*/

}

input#boton4{

        background-image: url('../botones/boton_4.jpg');

        background-repeat: x-repeat; /*de ser necesario*/

}

Oviamente el repeat solo si es necesario.

Saludos

creo k el problema no es de background-image con el css, si no de que kiza kieras subir imagen a un sitio web ya k pusistes

<input type="image" src="nuevo.bmp" alt="Nuevo" value="Nuevo" name="opcion">

lo k significa k no kieres un submit. si no k para k te tire la opcion de examinar y subir una imagen o no?

deberias especificar mejor lo k kieres.

Hola:

La verdad es que se trata de una variedad de submit donde el name se envía pero con 2 valúes que se corresponden con las coordenadas donde se pinche en la imagen... Aunque definas valores para las imágenes los que se envían son los de las coordenadas x,y de donde se pinche de la imagen (una especie de mapa)

Saludos :arriba:

oie es cierto ya lo probe y me da un valor igual a este:
opcion.x=247&opcion.y=50
lo ideal fuera k los input estubieran con diferente name para no complicarse tanto y luego comprobar k existe dicho name para realizar una opcion determinada.