Hola a todos:
He hecho una tabla con 2 columnas y 10 filas. En la 1ª columna van los numeros del 1 al 10 y en la 2ª colunma quiero que aparezca una imagen cuando pulso el número de la 1ª columna.
Hice una función en javascript para que muestre la imagen cuando pulse el número:
<script type="text/javascript">
function mostrar (idImagen, ruta) {
document.getElementById (idImagen).src=ruta;
}
</script>
En la celda donde va el número pongo:
<td><a href="#" onclick= "mostrar ('imagen1', 'image001.jpg')" >1</a></td>
En la celda donde tiene que salir la imagen pongo:
<td><img src="" id="imagen1" width="220" height="80" border="0" /></td>
Así con todas las filas. El caso es que cuando hago click en el número me aparece la imagen correctamente en la columna de al lado. El problema viene cuando suelto el click se va al inicio de la página y no se queda por donde iba. En las primeras filas no se nota pero cuando tengo que bajar filas si que sale un estropicio.
Lo he probado con onmousedown y me sale lo mismo. ¿Que tengo que hacer para que no se vaya al inicio de la pagina y se quede en el sitio donde hago el click?
A ver que debo hacer mal.