Foros del Web » Programando para Internet » Javascript »

Problemilla con onclick / onmousedown

Estas en el tema de Problemilla con onclick / onmousedown en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/04/2008, 14:01
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 14
Antigüedad: 16 años, 7 meses
Puntos: 0
Pregunta Problemilla con onclick / onmousedown

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.
  #2 (permalink)  
Antiguo 24/04/2008, 14:55
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 16 años, 11 meses
Puntos: 24
Re: Problemilla con onclick / onmousedown

El hecho de que vaya el inicio de la página es porque en el link tienes puesto '#'. Ése simbolo se usa para los "named anchors" que son posiciones determinadas DENTRO de la pagina. Por ejemplo con "#titulo" se posiciona en un link definido asi <a name="titulo">. Cuando no hay caracteres detrás del '#' es el inicio de la página.

Una posibilidad es que lo cambies por algo que no haga nada, ya que la acción en realidad la tienes contralada con el onclick. Así por ejemplo puedes probar con:

<a href="javascript: { }" onclick= "mostrar ('imagen1', 'image001.jpg')" >1</a>
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 24/04/2008, 17:39
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 14
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Problemilla con onclick / onmousedown

Muchas gracias por tu consejo aloqui.

Cuando lo pruebe ya volveré y diré si me sale ya correcto.
  #4 (permalink)  
Antiguo 24/04/2008, 17:54
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 14
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Problemilla con onclick / onmousedown

He probado la solución y funciona 100x100
Vivaaaaaaaaaaaaaaaaaa!!!!!!



  #5 (permalink)  
Antiguo 24/04/2008, 23:45
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 16 años, 11 meses
Puntos: 24
Re: Problemilla con onclick / onmousedown

No estoy seguro, pero creo que otra opción más sencilla sería utilizar otro elemento en lugar de un link. Por ejemplo un <span>:

<td><span onclick= "mostrar ('imagen1', 'image001.jpg')" >1</span></td>

O incluso directamente dentro de la celda:

<td onclick= "mostrar ('imagen1', 'image001.jpg')" >1</td>
__________________
Grupos de Música
Pop Music Stars
  #6 (permalink)  
Antiguo 07/08/2010, 11:00
Avatar de emecuadrado  
Fecha de Ingreso: diciembre-2007
Mensajes: 26
Antigüedad: 16 años, 11 meses
Puntos: 0
Respuesta: Problemilla con onclick / onmousedown

ALOQUI sos una genia o genio!!!!! me solucionaste un problemon
GRACIAS!!!!!!!
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:16.