enviar valor con <input type="image">

venom_mau · #1 (**permalink**) 09/08/2010, 09:17

Hola.

Tengo una lista con ciertos valores y a la izquierda de cada valor un botón con una imagen de un lapiz (como en el php my admin), para odificar el registro de esa fila.

He probado el código:

Código PHP:

  . 
<input type='image' value=".$fila[$i]." src='edit.png'> 
.

Este funciona en firefox, chrome e incluso safari, pero en ie 8 no funciona, no me envía el valor de esa fila, porqué será.

Tendré que usar un submit? Es que lo que yo quería era hacer el efecto del php my admin, donde puedes modificar o borrar registros sólo dando click en el botón (imágen) que quieres.

Gracias por su tiempo y respuestas, saludos.

emprear · #2 (**permalink**) 09/08/2010, 10:36

venom_mau:
efectivamente es un bug en IE, tienes dos alternativas para solucionarlo
Código para input_image.php

Código PHP:

Ver original<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>XHTML 1.0 Strict</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<?php
$fila1 = "valor_fila_uno";
?>
<form id="uno" method="post" action="input_image.php">
<p>
<!--
<input type="hidden" name="procesar" value="<?php echo "$fila1"; ?>" />
-->
<input type="image" src="imagen.png" alt="" name="enviar" />
<!-- o va el input image con el input hidden o el button, habria que retocarlo con css -->
<button name="procesar" value="<?php echo "$fila1"; ?>" type="submit"><img src="imagen.png" alt="" /></button>
</p>
</form>
<div>
<hr />
<?php
if(isset($_POST['procesar'])){
echo $_POST['procesar'];
}else{
echo "nada";
}
?>
</div>
</body>
</html>

Creo que usar el input image + un campo hidden con el valor a pasar es más practico, te evitas el css para adaptar el button.
Saludos

caricatos · #3 (**permalink**) 09/08/2010, 10:56

Hola:

No entiendo eso de bug... cuando de las imágenes lo que importa son las coordenadas, y como mucho su nombre para diferenciarlas... si no interesan las coordenadas, tal vez sea mejor un tag button con una imagen en su interior...

Saludos

emprear · #4 (**permalink**) 09/08/2010, 11:02

caricatos:

Me refiero que en IE el imput image no hace el submit para el value que tenga definido, en tanto FF, opera, etc si lo hacen.
En mi ejemplo deje las dos posibilidades, lo del button ó agregar un input hidden con el valor a pasar
Saludos

caricatos · #5 (**permalink**) 09/08/2010, 11:10

Hola:

La intención de los "type='image'" no es enviar un value sino enviar unas coordenadas... cosa que lamentablemente michos desconocen y relacionan ese input con un submit a secas... si importan las coordenadas, la opción es discriminar por el name; y si no importan (lo más habitual) es no usarlo para enviar datos, que para eso hay más controles.

Saludos

emprear · #6 (**permalink**) 09/08/2010, 11:19

Caricatos:
Gracias por el dato, bueno saberlo.
Habría que averiguar entonces porque firefox hace el submit ademas de enviar x e y

saludos

caricatos · #7 (**permalink**) 09/08/2010, 19:23

Cita:

Iniciado por emprear

Caricatos:
Gracias por el dato, bueno saberlo.
Habría que averiguar entonces porque firefox hace el submit ademas de enviar x e y

saludos

No entiendo... submit lo hacen todos los navegadores... info

Saludos

emprear · #8 (**permalink**) 09/08/2010, 21:40

Caricatos:

ahora me dejas con una gran incógnita

Creo que me equivoqué al usar la expresión "no hacen el submit"
quizás este ejemplo sea más explicito
http://foros.emprear.com/php/input_i...nput_image.php

dónde se puede apreciar como Firefox (Safari y Chrome) como si procesan el value definido en un input type="image" (que es lo que planteaba venom_mau en el post original
)
También lo probé con Opera y se comporta igual que en IE

Saludos

venom_mau · #9 (**permalink**) 10/08/2010, 09:04

Gracias por los comentarios.

Así es, buscando más en internet supe que un input image envía las coordenadas de donde le des click, pero por que chrome, firefox y safari, si al input image le agrego un valor (value='yo'), este lo envía correctamente, comprobandolo previamente con un var_dump.

No así IE, que recibe las coordenadas de la imágen :(

Todo esto usando un input image como si fuera un botón de submit. Espero me esté explicando.

Lo del campo oculto (hidden), también lo probé, sólo que estos botones y campos ocultos los tengo dentro de un ciclo y siempre me daba como resultado el envío del último de los campos hidden.

Gracias de nuevo :)

tredio · #10 (**permalink**) 10/08/2010, 15:20

por que no tratas con un boton normal?, o lo que quieres es obtener las coordenadas?. si lo haces solo para que aparezca la imagen puedes poner un boton normal y cambiarle el fondo con css.

venom_mau · #11 (**permalink**) 11/08/2010, 07:59

No quería enviar las coordenadas, quería enviar un valor que obtengo de una base de datos, pero para darle presentación quería que el boton tuviera una imágen.

Pues como no me resulta ni lo del css, pues tuve que poner el botón (submit) con el valor de la base de datos que quería enviar :(

No tendrá muy buen aspecto, pero funciona, espero que para ie 9 ya no tenga esos errores, y trabaje a la par de firefox, safari y chrome...

Gracias por los comentarios :)

emprear · #12 (**permalink**) 11/08/2010, 09:09

venom_mau
Si al button que utilicé en mi ejemplo,

<button name="procesar" value="<?php echo "$fila1"; ?>" type="submit"><img src="imagen.png" alt="" /></button>

(ve mi post previo), le aplicás

style="border: 1px solid transparent;cursor: pointer;background-color: transparent;"

tendrá el mismo aspecto que la imágen y te procesará el value en todos los navegadores

Saludos

venom_mau · #13 (**permalink**) 12/08/2010, 09:27

Gracias emprear :D