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

[vimy]

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.

[JavierB]

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,

[vimy]

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

Muchas gracias de nuevo.