Foros del Web » Programando para Internet » Javascript »

onclick en imagen para lanzar popup

Estas en el tema de onclick en imagen para lanzar popup en el foro de Javascript en Foros del Web. Hola: Tengo un problema. Quiero que se me abra un popup con determinadas medidas al hacer clic en una imagen y todo lo que consigo, ...
  #1 (permalink)  
Antiguo 08/03/2006, 14:11
Avatar de Midai  
Fecha de Ingreso: febrero-2005
Ubicación: Madrid - España
Mensajes: 134
Antigüedad: 19 años, 2 meses
Puntos: 1
onclick en imagen para lanzar popup

Hola:

Tengo un problema. Quiero que se me abra un popup con determinadas medidas al hacer clic en una imagen y todo lo que consigo, como mucho, es que se me abra una página completa sustituyendo a la anterior. Tengo todo hecho en DreamweaverMX2004, pero por todo lo que he leído tengo que ponerle código javascript al htm.

He probado esto:

<img src="imagen.jpg" width="560" height="560" onClick="javascript: window.open ('http://www.midominio.es/nombredelpopup.htm','titulodelpopup','width=600,he ight=600,scrollbars=NO')">

Y no se abre el popup, ni siquiera aparece la mano al poner el ratón encima de la imagen.

Después de revisar todo y de leeros muchos ejemplos no sé qué falla. Creo que no tengo que poner nada en la casilla para el Vínculo de la imagen en la vista Diseño de Dreamweaver, que con el evento onclick basta, pero el caso es que no me funciona.

Luego de releeros he probado con esto:

<a href="http://www.midominio.es/nombredelpopup.htm" onClick="window.open('http://www. midominio.es/nombredelpopup.htm', 'titulodelpopup','width=600,height=600,scrollbars= NO')"><img src="imagen.jpg"></a>
Y se me abre una ventana con la imagen, pero no con las medidas que se ponen ahí y encima me marca la imagen en la que hago clic con un rectángulo morado, rectángulo que el que me ha pedido la página no va a querer.

Incluso he probado los consejos de esta página que recomendais: http://www.nosolousabilidad.com/arti...javascript.htm y he probado con:
<a href="http://www.midominio.es/nombredelpopup.htm" target="popup" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;"><img src="imagen.jpg" width="560" height="560" border="0"></a>

Y el resultado es el mismo que en el caso anterior.

Ni siquiera se me abre nada con esto:
<img src="algo.jpg" onclick = "window.open('tupagina.html')" />

Con este código:
<a href="destino.html" target="popup" onclick="window.open('', 'popup', 'width=490,height=350,toolbar=false,scrollbars=fal se,top=120,left=180')" ><img src="imagen,gif" /></a>
Se me abre una ventana con la imagen, pero de nuevo es una página entera, no con las medidas que se ponen ahí y me marca la imagen con un rectángulo morado, como en casos anteriores.

Ya no sé qué probar, con este código en la página de miniaturas (<a href="mipagina.htm"><img src="imagen.jpg" width="50" height="49" border="0"></a>) se me abre la página que muestra la imagen, todo lo que necesito es que se me abra esa imagen en otra página secundaria y poderle poner unas medidas concretas a esa página.

Si alguien me puede echar un cable se lo agradecería mucho,
Midai
  #2 (permalink)  
Antiguo 08/03/2006, 14:53
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola Midai:

Un popup con determinadas medidas simplemente se consigue poniendo los valores adecuados en el tercer parámetro de la instrucción window,open

Te recomiendo que leas este artículo: http://www.maestrosdelweb.com/editorial/formenlaces/ que si no me equivoco referencia a uno de los enlaces que has visto (está roto)...

La forma que usas parece estar bien... (me refiero a la primera...) lo de la mano es cosa de enlaces y no de popups... y si quieres la puedes poner con estilos.

Si tienes la página en algún sitio, se podría chequear.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 09/03/2006, 06:40
Avatar de Midai  
Fecha de Ingreso: febrero-2005
Ubicación: Madrid - España
Mensajes: 134
Antigüedad: 19 años, 2 meses
Puntos: 1
Hola, Caricatos:

Muchísimas gracias. Al señalarme como correcta la primera opción, pude ver que el código que tenía heredado de otras páginas, como los parámetros noscale o los de los márgenes a cero, impedían que funcionase correctamente la apertura del popup, y así evitaste que siguiese buceando en el maremágnum de información sobre el tema que hay en la red, aunque ya estaba casi ahogada de tanto bucear en él... . Además, el que me contestases precisamente tú, con lo que había visto que sabías del tema en las FAQ's y en muchos mensajes, me daba la seguridad de que debía insistir en la primera forma de hacerlo.

Gracias de nuevo y saludos ,
Midai
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 11:23.