Foros del Web » Creando para Internet » HTML »

Ayuda con <input TYPE="image" (botón)

Estas en el tema de Ayuda con <input TYPE="image" (botón) en el foro de HTML en Foros del Web. Hola, tengo una web con un carrito de compra que está formado por varios bloques de código (diez por página, uno para cada producto). El ...
  #1 (permalink)  
Antiguo 21/12/2006, 09:54
 
Fecha de Ingreso: mayo-2006
Mensajes: 22
Antigüedad: 11 años, 7 meses
Puntos: 0
Ayuda con <input TYPE="image" (botón)

Hola, tengo una web con un carrito de compra que está formado por varios bloques de código (diez por página, uno para cada producto). El código para cada producto es el que sigue:

<tr bgcolor="#FFCC66">
<td background="recursos/fondo1.jpg"colspan="3" bordercolor="black"><p style="font-size:10px; font-family:Tahoma;text-align:center;"><big><b>"NOMBRE ARTÏCULO"</b></big></p></td>
</tr>
<tr>
<td background="recursos/fondo4.gif" bordercolor="black"><img src="fotos/libros/400103.jpg"><br><p style="font-size:13px; font-family:Tahoma;text-align:center;"><b>Ref:400103</b></p></td>
<td background="recursos/fondo4.gif" bordercolor="black" cellpadding="100"width="65%"><p style="font-size:12px; font-family:Tahoma;text-align:justify;"><img src="recursos/rombo.gif DESCRIPCION ARTÏCULO
<td background="recursos/fondo4.gif" bordercolor="black" cellpadding="100"><p style="font-size:13px; font-family:Tahoma;text-align:center;"><b>Unidades:<b></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<inpu t TYPE="value" NAME="agregar400103" VALUE="1"
SIZE="3"><br><br><br><br>&nbsp;&nbsp;&nbsp;

<input TYPE="button" NAME="400103" VALUE="Comprar"onclick

="buyItem('NOMBRE ARTÏCULO','20.00',document.itemsform.agregar400103 .value)">

<br><br><br><br><p style="font-size:13px; font-family:Tahoma;text-align:center;"><b>Precio:&nbsp;20.00&nbsp;€</b></p></td>
</tr>

Lo que pretendo es substituir el button clásico que aparece arriba en negrita por una imagen más atractiva con el siguiente código:


<input TYPE="image" NAME="500101" SRC="recursos/imagen.gif" ALT="boton" WIDTH="10" HEIGHT="10 onclick"

="buyItem ('T&eacute; rojo Pu-erh Yunnan - 227 gramos','5.50', document.itemsform.agregar500101.value)">

El problema viene porque con el primer código (el típico button) funciona perfectamente, pero con el segundo (el boton puesto como imagen), al comprar un artículo de abajo (es decir que estea la barra de desplazamiento bajada), una vez pulsado, añade el producto, pero la página salta a la parte superior en lugar de quedarse a la altura del producto que se estaba comprando (cosa que no sucede con button, pues con este se queda a la altura del producto seleccionado), es como si volviera a cargarla de nuevo. No entiendo porque pasa esto, ya que en principio no debería haber diferencia, pues lo único que hago es cambiar un tipo de botón por otro.
¿alguien sabe a que se puede deber? ¿alguna solución? Espero alguien pueda ayudarme.



Muchas gracias.
  #2 (permalink)  
Antiguo 21/12/2006, 09:59
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Ayuda con <input TYPE="image" (botón)

Hola vimy

Debe ser porque cuando utilizas un input type="image" es como si utilizaras un input type="submit"

Prueba utilizando, simplemente, una imagen:

<img src="recursos/imagen.gif" alt="boton" ... onclick = "buyItem ('T&eacute;...

Saludos,
  #3 (permalink)  
Antiguo 21/12/2006, 10:24
 
Fecha de Ingreso: mayo-2006
Mensajes: 22
Antigüedad: 11 años, 7 meses
Puntos: 0
Re: Ayuda con <input TYPE="image" (botón)

Graciaasss. Jabier ahora ya se ha solucionado Vaya, pongo el post y en 5 minutos problema resuelto.

Muchas gracias de nuevo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:52.