Boton con imagen y todas las funcionalidades

[pablojdm2010]

Estimados

Tengo un boton echo con una imagen, pero me gustaria que tubieran todas las funcionalidades de un boton html, es decir la que mas me interesa es que cuando se haga boton derecho sobre el mismo, se pueda poner "abrir en nueva pestaña". De esta forma tenfria una funcionalidad muy completa y un buen estilo. Muchas gracias y espero sugerencias.

[IsaBelM]

entonces no es un botón, es una imagen linkada

[pablojdm2010]

Mi boton es de la siguiente forma

<input title='boton comprar' alt=' bonton comprar ' src='verproducto.jpg' type='image'>

Este funciona bien como boton submit, que es lo que preciso ya que el mismo es parte de un formulario por el cual se envia una consulta a otra pagina por post y este da la orden de enviar.

Creo que con <a href =""><img .....></a> no me funciona dentro de un formulario y enviando el dato.

[IsaBelM]

creo recordar que los button image dan problemas en algunos navegadores. con un link sí se puede enviar un formulario, no te lo recomiendo, usando el método submit() de objeto form.

la leyenda un button submit no tiene las opción "abrir en nueva pestaña", esa opción sólo aparece con los links. de cualquier modo, que propósito tendría??

[pablojdm2010]

Este es el codigo con el cual mi base de datos carga un producto en pantalla.

Código HTML:

echo "<td><table border = '0'><form method='POST' action='mostrar.php'>  \n"; 
 
            echo "<tr><td><input type = 'hidden' name='T1' value = '".$row["id"]."'></td></tr> \n"; 
 
            echo "<tr><td><img src='".$row["fotochica"]."' border='1' alt='1'cellpadding='1' cellspacing='1'></td> \n";            
            
            echo "<td><center><b><h4>".$row["Nombre"]."</h4></b></center> \n"; 
 
            echo "<form method='post' action='mostrar.php'> 
<input type = 'hidden' name='T1' value = '".$row["id"]."'>
        <input title='boton comprar' alt=' bonton comprar ' src='verproducto.jpg' type='image'>
 
</form>";
 

y luego al apretar el boton con la imagen ver producto

<input title='boton comprar' alt=' bonton comprar ' src='verproducto.jpg' type='image'>se envia el mismo con el dato T1 que es el id del producto atravez del cual puedo ver el producto en la siguiente pantalla. Mi problema es que hay gente que le gusta abrir productos en varias pantallas, apretando boton secundario "abrir en una nueva pestaña" pero con un boton de imagen no me permite hacerlo. Es la unica funcionalidad que precisaria y de esa forma no perderia mi estilo de pagina.

[laratik]

y ¿por que no envías T1 como parámetro GET dentro de la URL? después de todo un id no es tan critico como para tener que enviarlo por POST y así puedes usar fácilmente una imagen linkada como dice IsaBelM.

[GatoGordo]

Me parece que puedes utilizar css para cambiar el estilo del botón para que no sea una imagen sino que ésta quede en el fondo del botón. Es cosa de investigar por ese camino.

Saludos!

[pablojdm2010]

Muchas gracias a ambos, no me habia dado cuenta que de esa forma se solucionaba el problema, han colaborado mucho a mejorar mi pagina y nuevamente les agradesco. Dejo el codigo arreglado por si alguien mas tiene este problema pueda solucionarlo.

Código HTML:

echo "<td><table border = '0'><form method='POST' action='mostrar.php'>  \n"; 
 
            echo "<tr><td><img src='".$row["fotochica"]."' border='1' alt='1'cellpadding='1' cellspacing='1'></td> \n";            
            
            echo "<td><center><b><h4>".$row["Nombre"]."</h4></b></center> \n"; 
 
            echo "<form method='post' action='mostrar.php'> 
<input type = 'hidden' name='T1' value = '".$row["id"]."'>
        
 
 
<a href='mostrar.php?T1=".$row["id"]."'><img alt='verproducto' src='verproducto.jpg'></a>
 
</form>";
 

Porsupuesto no hay que olvidarce de cambiar el post por get en el archivo de destino.

[laratik]

me alegra haber ayudado a mejorar tu pagina, aunque deberias limbiar un poco el codigo, ya que no vas a enviar el dato desde un formulario ¿por que mantenerlo?

Código PHP:

 <td><table border = '0'>
    <tr><td><img src='"<?php echo$row["fotochica"] ?>"' border='1' alt='1'cellpadding='1' cellspacing='1'></td>
    <td><center><b><h4>"<?php echo $row["Nombre"] ?>"</h4></b></center>
    <a href='mostrar.php?T1="<?php echo $row["id"] ?>"'><img alt='verproducto' src='verproducto.jpg'></a>";  

[pablojdm2010]

Si tienes razón debo limpiarla un poco, es que uno a mil aveces no se da cuenta, en ralidad no preciso el <form> asi que lo quitare,pero el resto si lo necesito, ya que son datos que se cargan para que vea el usuario y sepa si es el producto que desea, por eso estan ahì. Es hora de que me valla a hacer un poco de limpieza entonces jeje, muchas gracias nuevamente.

[pablojdm2010]

Muchas gracias a ti tambien GatoGordo disculpa que no habia visto tu mensaje y parecio que te habia ignorado, tomare en cuenta tu sugerencia y investigare un poco porque quizas me sirva para mejorar alguna otra cosa. En resumen muchas gracias a los tres por la ayuda.

[IsaBelM]

tienes varias opciones

input submit con css aplicas el fondo. algo como esto

<input type="submit" value="enviar" style="background:url(imagen.jpg) no-repeat 0 0; text-align:center; border:0; width: 30px; padding: 2px; /*para centrar la imagen */" />

botón con imagen

<button type="submit" style="background-color:transparent; border:0;"><img src="imagen.jpg" alt="" /></button>

[pablojdm2010]

Muchas gracias Isabel, luego los revisare, creo que el segundo me debe servir para los botones flash y eso tambien me va a ser de mucha utilidad.
Les dejo mi pagina web, se aceptan criticas constructivas, ya que la estoy mejorando de apoco, asi que si tienen alguna sugerencia, mandenmela por interno si quieren www.jdm.com.uy.
Ah y les mando una ayuda para mejorar su karma.