Cerrar ventana popup o float al hacer click en su contenido

maximilion69 · 14 Diciembre 2011, 23:43 PM

Hola a todos.

Tengo un problemilla a ver quien me lo puede arreglar, tengo una pagina web donde me interesaria poner en un sitio en concreto un popup o float que mostrara un anuncio de otra pagina con una etiqueta iframe, el problema esta que quiero que el popup solo se cierre cuando el usuario haga click en dicho contenido y si no que este molestando todo el rato el popup o float.

Salu2.

dark_sargon · 15 Diciembre 2011, 07:10 AM

Acá te dejo un ejemplo báscio que hice, espero que te sirva.

Código (html4strict) [Seleccionar]

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <style type="text/css">
    .anuncio
    {
      background-color:#FF5555;
      padding:20px;
    }
  </style>
</head>

<body>

  <div class="anuncio" id="publi" onClick="ocultar()">Este es el anuncio. (Hacer click)</div>

    <script type="text/javascript">
      function ocultar(){
        document.getElementById("publi").style.visibility = 'hidden';
      }
    </script>

</body>

</html>

maximilion69 · 15 Diciembre 2011, 10:12 AM

Gracias por el codigo amigo, ahora tengo una duda el iframe de la pagina que tengo que poner donde lo pongo para que de tal forma cuando hagan click en el contenido, puede ser un iframe de mi nueva pagina, publicidad etc , el contenido les redireccione abriendo una pestanya nueva en el navegador.

Mas o menos lo que quiero es parecido a lo que ponen en el reproductor de megavideo, que primero te hacen hacer click a la publicidad, esa publicidad se abre en una pestaña nueva y luego ya puedes ver el video, pelicula o lo que sea...

maximilion69 · 17 Diciembre 2011, 13:21 PM

alguna ayuda porfavor?

nopuedopostear · 20 Junio 2012, 21:44 PM

muy interesante , pero no logre poner la publicidad en el lugar correcto, alguien me podria ayudar

Graphixx · 21 Junio 2012, 03:25 AM

Yo use con mucho exito en mis proyectos la libreria thickbox lastima que ya descontinuaron su desarrollo "free".
http://jquery.com/demo/thickbox/

Doodleo · 22 Junio 2012, 20:33 PM

Para eso de la publicidad que comentas podrías hacer algo así:

Código (html4strict) [Seleccionar]


<html>
<head>
<script type="text/javascript">
function publi(){
document.getElementById("contenido-visible").style.visibility = 'hidden';
document.getElementById("contenido-oculto").style.display = 'block';
}
</script>
</head>
<body>
<div id="contenido-oculto" style="display: none;">
<!-- Esto es lo que se mostrará cuando cierren el otro div -->
Contenido inferior
</div>
<div id="contenido-visible">
<a href="url a la que irá" target="_blank" onclick="publi();">Enlace que lleva a una url y muestra un div</a>
</div>
</body>
</html>

Con eso al hacer click en el enlace debería dirigir a una url en una nueva pestaña, ocultar el enlace y mostrar el otro div

©rIsT0BÄl · 23 Junio 2012, 03:50 AM

Utilizando el Código de Dark Sargon
quedaría así:
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
<style type="text/css">
.anuncio
{
background-color:#FF5555;
padding:20px;
}
</style>
</head>

<body>

<div class="anuncio" id="publi" onClick="ocultar()">Este es el anuncio. (Hacer click)</div>

<script type="text/javascript">
function ocultar(){
document.getElementById("publi").style.visibility = 'hidden';
popup=window.open(url,'name','height=200,width=150');
if (window.focus) {poup.focus()}
return false;
}
</script>

</body>

</html>

Pd: no se si eso es lo que quieres, espero que si.
Saludos.