Problema con Popup

josodi · #1 (**permalink**) 08/11/2003, 13:23

Saludos:

Tengo el siguiente popup

-------------------------------------------

<td width=\"118\" height=\"115\"><a href=\"foto.jpg\" onClick=\"window.open('','popup','width=265,height =311,scrollbars=0')\" target=\"popup\"><img src=\"foto_bb.jpg\" width=\"72\" height=\"96\" alt=\"Expuesta alguien\"></a></td>

-------------------------------------------
es una seccion en donde hay varias fotos en imagen pequeña (foto_bb.jpg) que al dar click se abre el popup con la foto.jpg, deseo saber como le hago para que al dar click sobre ña foto del popup se cierre el popup. y una cosa mas, quiero centrar la foto en el popup.

Gracias

jpinedo · #2 (**permalink**) 08/11/2003, 14:14

Bueno.. eso es purito JavaScript... lo de centrar la foto es purito HTML (o CSS)... Acá te dejo un tutorial de desarrollo web sobre control de popUps y comunicación entre ventanas:

http://www.desarrolloweb.com/manuales/40/

Es muy bueno... ahí vas a encontrar tus respuestas. Ahora yo pregunto algo... si el usuario tiene activado el bloqueador de popUps ¿Deja de funcionar el script?...

Saludos

josemi · #3 (**permalink**) 08/11/2003, 14:19

Hola,

Como ya te han dicho, es con javascript. Todo lo que pase en el lado del navegador no es PHP.

Asi que lo muevo a javascript.

Saludos desde PHP.

caricatos · #4 (**permalink**) 08/11/2003, 16:31

Hola josodi:

Para lo que planteas, tienes que hacer algunos cambios en tu script...

En las FAQs de javascript sé que hay algo sobre el tema, pero voy a tratar de contestarte (de todos modos te recomiendo que revises las FAQs)

Para poder centrar algo en una página web es imprescindible código html y css...

Puedes usar el evento onclick o el atributo href, voy a improvisar un código para el segundo caso.

<a href=javascript: abrir("foto.jpg")><img src="foto_bb.jpg" width="72" height="96" alt="Expuesta alguien"></a>

y en el head poner un tag script con la siguiente función:
function abrir(foto) {
var ventana = window. open('','popup','width=265,height=311,scrollbars=0 ')
ventana.document.write("<html><body style='background-image: url(" + foto +"); background-repeat: no-repeat; background-position: center center;' onclick='window.close()'></body></html>");
}

Lo puse de memoria, así que puede tener algún error, pero espero que entiendas el código.

Saludos