Ayuda en codigo para popup

danip1983 · #1 (**permalink**) 07/12/2010, 14:39

Saludos

Uso el siguiente codigo en un popup :

<a href="http://MI LINK" target="_BLANK" ><img src="http://mundologia.net/wp-content/uploads/2009/10/dell.jpg"></a>

Y quiero que ademas de que se abra este link en otra ventana, que se cierre el popup.

Gracias de antemano

carlospc · #2 (**permalink**) 07/12/2010, 14:45

Haber, creo tienes un concepto errado de popup (ventana emergente que se abre sin que el usuario lo solicite) lo que tu estas haciendo es referencia una pagina y que esta se habra en otra ventana... pues esta nueva pagina (no-popup) efectivamente se abre en otra ventana, ahora no entiendo para que quieres que se vuelva a cerrar...

O te puedes explicar mejor...

danip1983 · #3 (**permalink**) 07/12/2010, 14:55

Si perdona , aportare mas datos.

Uso Joomla , un modulo llamado Dinabar, que lo utilizo como popup. Y este modulo me deja mostrar codigo html.

Pongo una publicidad, y quiero que al clicar en ella se cierre el popup.

carlospc · #4 (**permalink**) 07/12/2010, 15:13

Te sugiero algo mas facil, mediante javascript manda maximizar tu "popup" y ahi mismo que cargue la pagina (target="_parent")

Porque eso de cerrar no funciona siempre (no se por que sucederá)

Suerte...

danip1983 · #5 (**permalink**) 07/12/2010, 15:59

Pues no e podido darle solucion, aunque he comprobado que el modulo tambien me permite utilizar javascript. Si alguien puede hacerme un codigo en javascript que abra un enlace en nueva ventana y asu vez cierre la ventana madre.

gracias de antemano

caricatos · #6 (**permalink**) 07/12/2010, 16:03

Hola:

Cita:

Iniciado por carlospc

Haber, creo tienes un concepto errado de popup (ventana emergente que se abre sin que el usuario lo solicite)...

Creo que el que se equivoca en el concepto eres tú... los usuarios pueden abrir popups con cualquier evento propio... (puede ser un click, por ejemplo)...

Para cerrar un popup basta con usar el método close de los objetos window.

<a href="destino.html" target="destino" onclick="popup = window.open('', 'destino')">abrir popup</a>

Y para cerrarlo:
popup.close()

Saludos

caricatos · #7 (**permalink**) 07/12/2010, 16:07

Hola:

Por cierto, se puede cerrar el popup, pero para cerrar la ventana principal, hay algunos trucos que no funcionan en todos los navegadores (en nuestras FAQs javascript hay algo)

Saludos

danip1983 · #8 (**permalink**) 11/12/2010, 08:59

Sigo sin poder solucionar mi problema, y no e encontrado la seccion de FAQS. Mi solucion pasa por modificar este codigo, que cierre la ventana:

<a href="http://clk.tradedoubler.com/click?p(136803)a(18)g(4306)" target="_BLANK"><img src="http://ocioymusica.com/images/imagenes1/New-Dell-Logo2.gif"></a>

El link se me abre en nueva ventana, pero necesito que se cierre la que contiene el link.

Gracias de antemano.

Portgaz · #9 (**permalink**) 11/12/2010, 10:56

No se si se pueda.
Pero en un Boton podrias añadir dos funciones con JS.

Que cuando clickie el boton se abra el pop up y se cierre la actual??
No estoy, seguro, no se mucho de JS

emprear · #10 (**permalink**) 11/12/2010, 11:28

danip1983:

Primero te advierto que tu sistema tiene algunas inconsistencias, tené en cuenta que muchos de los navegadores vienen configurados para abrir las nuevas ventanas (target='_blank') en un nueva pestaña, por lo cual no verías las ventanas multiples al mismo tiempo, que sería lo aconsejable.
Por otro lado estás abriendo directamente la imagen como destino del link, y lo ideal sería que fuese un html que contenga un <img>.

De todas maneras te doy una técnica par ahacer lo que quieres

Esta es la página que abre el pop_up

abrir_popup.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Abrir Popup</title>
<script type="text/javascript">
//<![CDATA[
var win= null;
function VentanaCentrada(pagina,w,h,nombre){
var winleft = (screen.width-w)/2;
var wintop = (screen.height-h)/2;
caracteristicas='height='+h+',width='+w+',top='+wintop+',left='+winleft+',scrollbars=no,toolbar=no,resizable=yes'
win=window.open(pagina,nombre,caracteristicas)
if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
}
//]]>
</script>
</head>
<body>
<a href="html2.html" onclick="VentanaCentrada('html2.html','400','400','Popupuno');return false;" > Abrir Popup </a>
</body>
</html>

esta es el pop up
html2.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>XHTML 1.0 transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>Este es el popup</p>
<a href="img.html" target="_blank">mostrar publicidad</a>
</body>
</html>

y este el html que contiene la imagen y a su vez cierra el popup

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Publicidad</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
self.opener.close();
//]]>
</script>
</head>
<body>
<p>Aqui iría la imagen</p>
</body>
</html>

La solución ideal sería que tu html con la imagen sea un nuevo popup generados desde el primer popup

Saludos