Cerrar ventana popup o float al hacer click en su contenido

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Cerrar ventana popup o float al hacer click en su contenido

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Cerrar ventana popup o float al hacer click en su contenido (Leído 13,366 veces)

maximilion69

Desconectado

Mensajes: 46

Cerrar ventana popup o float al hacer click en su contenido

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


	En línea

dark_sargon

Desconectado

Mensajes: 534

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #1 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>


	En línea

http://www.actimediaonline.com
Diseño Web, animación y más.

http://www.ciudadoscura.com
Diseño Web, electrónica, programación, móviles y más.

maximilion69

Desconectado

Mensajes: 46

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #2 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...


« Última modificación: 16 Diciembre 2011, 13:31 pm por maximilion69 »	En línea

maximilion69

Desconectado

Mensajes: 46

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #3 en: 17 Diciembre 2011, 13:21 pm »

alguna ayuda porfavor?


	En línea

nopuedopostear

Desconectado

Mensajes: 1

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #4 en: 20 Junio 2012, 21:44 pm »

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


	En línea

Graphixx

Desconectado

Mensajes: 1.336

Full Stack Developer

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #5 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/


	En línea

Nada tiene fin solo hay pequeñas pausas, pausas que determinan el comienzo de otros. Graphixx Rōninnovation

https://www.devmilitia.org/

Doodleo

Desconectado

Mensajes: 8

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #6 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


	En línea

©rIsT0BÄl

Desconectado

Mensajes: 7

Re: Cerrar ventana popup o float al hacer click en su contenido

« Respuesta #7 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.


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Cerrar una ventana sin cerrar el programa completo?? Java	Xedrox	1	10,239	4 Julio 2011, 04:16 am por klaine
	Hacer que la ventana de un determinado programa no se pueda cerrar [Ubuntu] GNU/Linux	GeorgArming	4	3,228	28 Octubre 2012, 20:33 pm por GeorgArming
	¿porque los 10 segundos pasan de frente sin hacer click en la popup de spoiler? PHP	Weeken	0	1,692	23 Marzo 2013, 01:15 am por Weeken
	Ayuda: cada ves que imprimo mi variable Float, cambia el contenido e.e Programación C/C++	grox1	7	3,775	13 Noviembre 2014, 04:18 am por rir3760
	buenas quiero cerrar una aplicacion al hacer click en la x de la ventana .NET (C#, VB.NET, ASP)	Beginner Web	3	3,130	25 Abril 2020, 02:22 am por Beginner Web