Abrir y cerrar ventana Pop Up al pulsar otra imagen diferente

kahlito · #1 (**permalink**) 26/05/2004, 09:53

Buenas

Tengo una duda, donde en una imagen pongo un enlace que al pulsar me abre a un Pop Up con esa misma imagen pero en grande y así tengo varias, el problema es que al pulsar sobre una imagen si es la primera me abre el Pop Up pero si es la segunda ya está abierto y tengo que ir a buscar el Pop Up para verlo, ¿Es posible hacer que esa ventana se cargue otra vez o cada vez que pulse una nueva imagen?

No se si me habré explicado bien

, lo que hice fue algo como esto:

Primero crear la función para abrir esa ventana secundaria

<script language="JavaScript">
function ventanaSecundaria (URL){
window.open(URL,"ventana1","width=650, height=488, scrollbars=no, menubar=no, location=no, resizable=no")
}
</script>

Y luego llamarla desde el body:

<div class="imagenesoferta"><a href="javascript:ventanaSecundaria ('popupofertas1.htm')">
<img src="oferta1.jpg" border="0"></a></div>

Espero que me entiendan

, saludosss

JavierB · #2 (**permalink**) 26/05/2004, 10:01

Hola, kahlito.

Mandala el foco despues de abrir la ventana:

function ventanaSecundaria (URL){
ventana=window.open(URL,"ventana1","width=650, height=488, scrollbars=no, menubar=no, location=no, resizable=no")
ventana.focus()
}

Espero que te sirva. Saludos,

kahlito · #3 (**permalink**) 26/05/2004, 10:05

Hola JavierB

Thankiu very mash

, me ha salido perfecto otra más para mi boletín

Gracias un saludo

JavierB · #4 (**permalink**) 26/05/2004, 11:03

No hay de que (No se como se dice en inglés, así que lo pongo en español para no cometer alguna burrez) Otra muesca más para mi revolver

sanguille_ · #5 (**permalink**) 28/05/2004, 01:32

Disculpen no entiendo mucho, solo logre poner el codigo del primer mensaje y usarlo bien... pero no puedo poner este codigo:

function ventanaSecundaria (URL){
ventana=window.open(URL,"ventana1","width=650, height=488, scrollbars=no, menubar=no, location=no, resizable=no")
ventana.focus()
}

alguien me dice donde va y que le tengo que agregar?

Muchas graciaS!!
pd. soy nuevo

JavierB · #6 (**permalink**) 28/05/2004, 02:03

Hola, sanguille_

Si has puesto el código del primer mensaje, solo tienes que cambiar la función ventanaSecundaria de kahlito (¡Hola!

) por la que puse yo.

Suerte. Saludos,

sanguille_ · #7 (**permalink**) 29/05/2004, 11:31

Quedaria asi?

<script language="JavaScript">
function ventanaSecundaria (URL){
ventana=window.open(URL,"ventana1","width=650, height=488, scrollbars=no, menubar=no, location=no, resizable=no")
ventana.focus()
}
</script>

Gracias por responder!!

saludos!!!

kahlito · #8 (**permalink**) 30/05/2004, 06:10

Si , ahora solo en el body tendrias que llamar a esa función y colocarla desde donde quieras que aparezca al pulsar, por ejemplo si es en una imagen quedaria así:

<body>
<a href="javascript:ventanaSecundaria ('aquinombredepaginaallamar.htm')">
<img src="imagen1.gif" border="0"></a>
</body>

Y recuerda que donde dice "aquinombredepaginaallamar" es la nueva pagina que llamaras para que aparezca en ese Pop Up (solo tienes que cambiarle el nombre)

Saludosss

vio · #9 (**permalink**) 26/01/2006, 13:28

hola!!
quiero abrir las imágenes de mi pag. web en la misma ventana, es decir, no que se abran mil ventanas cada vez que pinxes a una imagen. entonces tengo este código javascript (k lo he encontrado en un post, mil gracias!!)

Código PHP:

  var _img_grande; 
            var _titulo; 
            var _estado; 
 
            function mostrar() { 
                var ops = "top=" + ((screen.height - _img_grande.height) / 2); 
                ops += ",left=" + ((screen.width - _img_grande.width) / 2); 
                ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height; 
                ops += ",status="; 
                ops += (_estado) ? "yes" : "no"; 
                var contenido = "<html><head><title>" + _titulo; 
                contenido += "</title></head><body style='background-image: url(" + _img_grande.src + ")'></body></html>"; 
                var ventana = window.open("", "", ops); 
                ventana.document.open(); 
                ventana.document.write(contenido); 
                ventana.document.close(); 
            } 
 
            function cargando() { 
                if (_img_grande.complete) mostrar(); 
                else setTimeout("cargando()", 100); 
            } 
 
            function abrir(imagen, titulo, estado)    { 
                _img_grande = new Image(); 
                _img_grande.src = imagen; 
                _titulo = titulo; 
                _estado = estado; 
                cargando(); 
            }

y lo llamo de la siguiente manera:

Código PHP:

  <a href="#" onClick="abrir('../fotosHostal/balneario.jpg','Balneario','false');return false"><img src="../imagenes/balneario2.jpg" width="100" height="75" class="fotosAmpliar"></a>

entonces como hago para que muestre la foto en la ventana que ya esta abierta???
he leido que es con ventana.focus(), pero no se donde ponerlo.
lo pongo después de ventana.document.open, pero no funciona.

m stoy volviendo loca con esto de las fotos!!
ayuda!!

vio · #10 (**permalink**) 26/01/2006, 13:50

nadie me ayuda??????

caricatos · #11 (**permalink**) 26/01/2006, 13:53

Hola vio:

Me agrada que uses mi código (¡Je, je!, fui yo quien lo puso...) te diré como hacerlo...

En la línea :
var ventana = window.open("", "", ops);

cambia el segundo parámetro de window.open por una cadena cualquiera que será el nombre de la ventana... sin cosas raras... por ejemplo:

var ventana = window.open("", "popup", ops);

... es que el segundo parámetro del método window.open es el nombre de la ventana... debes a la vez cerciorarte de que no exista ninguna ventana con el nombre que le des (sería mucha casualidad, pero existe en estos foros la moda de llamar a todas las cosas "pepe", y ya han sucedido cosas así)

Saludos

vio · #12 (**permalink**) 26/01/2006, 14:09

Mil gracias!!funciona perfectamente, ya ves, k solución más facil, y yo venga comerme la cabeza.
ahora el problema que tngo es que cuando se abre una foto nueva se queda minimizada en la barra de herramientas (no se si es esa, ni si se llama asi), bueno, la cosa es que se minimiza y casi no te das cuenta de que has abierto una foto nueva. hay alguna manera de que cuando se abra la foto nueva se abra la ventana y no se minimice??

caricatos · #13 (**permalink**) 26/01/2006, 14:18

Hola:

Prueba poniendo ventana.focus() al final del método mostrar...

Código:

            function mostrar() { 
                var ops = "top=" + ((screen.height - _img_grande.height) / 2); 
                ops += ",left=" + ((screen.width - _img_grande.width) / 2); 
                ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height; 
                ops += ",status="; 
                ops += (_estado) ? "yes" : "no"; 
                var contenido = "<html><head><title>" + _titulo; 
                contenido += "</title></head><body style='background-image: url(" + _img_grande.src + ")'></body></html>"; 
                var ventana = window.open("", "", ops); 
                ventana.document.open(); 
                ventana.document.write(contenido); 
                ventana.document.close();
                ventana.focus();
             }

saludos

vio · #14 (**permalink**) 27/01/2006, 02:40

yo otra vez.......ahora el problema que tengo es que la ventana no se redimensiona según el tamaño de la foto, se queda con el tamaño de la foto más grande aunque la siguiente foto que abra sea mas pequeña.....
siento preguntar tanto, pero es que cada tonteria de estas se me hace un mundo!!!

gracias!!

caricatos · #15 (**permalink**) 27/01/2006, 09:38

Hola vio:

Ese tema es un pelín más complicado de resolver...

Pienso que lo mejor es cerrar la ventana "vieja" antes de abrir una nueva, pero habría que dar un aviso a la ventana madre para evitar errores... pero también puede cerrarse la madre y dejar al popup huérfano...

Saludos