Inicio > HTML > shadowwar > ¿Poner imagen en boton SUBMIT?

¿Poner imagen en boton SUBMIT?

Experto:
shadowwar
Usuario:
Fecha: 03/05/2008
Valoración: (4,00 sobre 5) Categoría: HTML
01/05/2008
nadda, usuario preguntando en HTML
Usuario
Necesito que el boton submit de un formulario, sea una imagen.
con firefox no tengo problemas, pero con IE para no variar si. Una vez que envio el formulario me deja en blanco el iframe en donde muestro la pagina de respuesta.
Agradeceria cualquier ayuda !!!
Byte
01/05/2008
nadda, experto respondiendo en HTML
Experto
Bueno..... existe un tipo de input que es una imágen y sirve para enviar el formulario:

<input type="image" src="ruta_imagen.jpg" alt="Enviar formulario" title="Enviar" />

Espero que te sirva.
01/05/2008
nadda, usuario preguntando en HTML
Usuario
Maestro, agradesco el codigo dado, pero ya lo he usado y no funciona. Voy a entrar más en detalle para ver si es posible comprendas mejor cual es mi problema.
Estoy trabajando en un sistema cliente servidor, con php/mysql y deseo colocar una imagen al boton submit para mejorar la estética, no puedo hacerlo con flash ya que en base al valor(value) del nombre(name) del boton se comportará el archivo que procesa el formulario enviado, por ello necesito que viajen los datos name y value. Con firefox no tengo problemas, pero para no variar con iexplorer si, hice algunas pruebas de los datos que estan llegando al archivo php que procesa el formulario enviado y el valor del atributo name es VACIO. Te reitero, esto sucede solo con iexplorer, no con firefox.
A  continuación parte del codigo del archivo en donde coloque la imagen

<tr>
<td align="center"><input type="image" src="btn_entrar.gif" width="94" height="23" name="boton" value="Ingresar"></td>
</tr>
pd: como te darás cuenta tengo una tabla y el boton esta dentro de una celda.
Agradecería cualquier acotación, he gogleado bastante y aun no encuentro solución
Desde ya  gracias por tu respuesta!!!
byte
02/05/2008
nadda, experto respondiendo en HTML
Experto
Bueno....... al trabajar estos botones, ocurre algo un poco más complejo con PHP, y es que cada imágen NOenvía su nombre, sino varios datos dependiendo del navegador.
Firefox y otros:
$_POST['nombre'];   //Te retorna el NOMBRE del input
$_POST['nombre_x']; //Te retorna el la coordenada X de donde se hizo click en el input
$_POST['nombre_y']; //Te retorna el la coordenada Y de donde se hizo click en el input
Internet Explorer, te devuelve UNICAMENTE los dos últimos valores, por lo que obtienes un valor vacio al usar $_POST['nombre'];
Ahora... para que es útil esto?? para saber con que botón enviaste el formulario, en caso de tener varios.
Código de formulario de ejemplo:
<input name="eliminar" src="delete.gif" type="image" />
<input name="editar" src="edit.gif" type="image" />
<input name="crear" src="create.gif" type="image" />
<input name="salir" src="exit.gif" type="image" />

Y el siguiente código PHP trabajaría con eso (todos los botones envían el MISMO formulario, pero solo se envía la información del input al que se le hace click, por lo que trabajaríamos así:
<?php
if(isset($_POST['salir_x'])) {
header("Location: salida.php"); //Salimos
exit;
}
else
{
if(isset($_POST['editar_x'])) {
//La acción escogida es editar
}
//Y asi con las otras. Ten en cuenta que sirve tanto
//$_POST['nombre_x'] como $_POST['nombre_y'].. pero
//por algún motivo siempre uso nombre_x.
}
?>

Espero que esto te haya ayudado.
Si todavía tienes dudas, puedes contactarme por msn:
lordoflores@hotmail.com
03/05/2008
nadda, usuario preguntando en HTML
Usuario
Maestro...  funkó de la manera que acotaste.
Me resta agradecerte el aporte y valorar la disposición a los demas,
Asi es que un millon de gracias desde chile !!!
Byte
Más opciones
Enlaces patrocinados