Imprimir Página - Cerrar ventana popup o float al hacer click en su contenido

Título: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: maximilion69 en 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.

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: dark_sargon en 15 Diciembre 2011, 07:10 am

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

Código

<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>

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: maximilion69 en 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...

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: maximilion69 en 17 Diciembre 2011, 13:21 pm

alguna ayuda porfavor?

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: nopuedopostear en 20 Junio 2012, 21:44 pm

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

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: Graphixx en 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/

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: Doodleo en 22 Junio 2012, 20:33 pm

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

Código

<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 ;)

Título: Re: Cerrar ventana popup o float al hacer click en su contenido
Publicado por: ©rIsT0BÄl en 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.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: maximilion69 en 14 Diciembre 2011, 23:43 pm