Foros del Web » Programando para Internet » Jquery »

click para sacar un popup y clcick en la pantalla para quitarlo

Estas en el tema de click para sacar un popup y clcick en la pantalla para quitarlo en el foro de Jquery en Foros del Web. No tengo claro como hacer un popup. Lo que quiero es que al hacer click en una de las opciones se despliegue un popup, pero ...
  #1 (permalink)  
Antiguo 09/03/2015, 10:49
 
Fecha de Ingreso: mayo-2008
Mensajes: 228
Antigüedad: 16 años, 6 meses
Puntos: 2
click para sacar un popup y clcick en la pantalla para quitarlo

No tengo claro como hacer un popup. Lo que quiero es que al hacer click en una de las opciones se despliegue un popup, pero que se cierre al hacer click en cualquier parte de la pantalla. Es esta última parte la que no tengo nada clara, no se como decirle que cuando haya un click se oculte ese popups.
  #2 (permalink)  
Antiguo 09/03/2015, 12:23
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: click para sacar un popup y clcick en la pantalla para quitarlo

Usualmente, las pop up consisten de dos elementos; un que va de fondo con un color opaco y otro que va al frente y que muestra el contenido. Lo que podrías hacer es asignar una función para que cuando se de un clic sobre el fondo, se oculten tanto el fondo como el contenido.

Código Javascript:
Ver original
  1. $("#id capa de fondo").on("click", function(){
  2.     $("#id capa de fondo, #id capa de contenido").hide();
  3. });

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 09/03/2015, 18:32
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
Puntos: 208
Respuesta: click para sacar un popup y clcick en la pantalla para quitarlo

Exactamente como dijo Alexis88 es una forma de hacerlo..

Aca te dejo otro ejemplo:

http://codepen.io/anon/pen/dPqazK

Pero simplemente es eso, decirle al fondo del modal que este atento al evento click y que cuando esto pase, se oculte..

Código Javascript:
Ver original
  1. $(".modal").click(function(){
  2.        
  3.             $(".modal").fadeOut("300");
  4.        
  5.         });

Saludos
  #4 (permalink)  
Antiguo 10/03/2015, 06:23
 
Fecha de Ingreso: mayo-2008
Mensajes: 228
Antigüedad: 16 años, 6 meses
Puntos: 2
Respuesta: click para sacar un popup y clcick en la pantalla para quitarlo

Gracias !!!, eso era lo que buscaba ;)
  #5 (permalink)  
Antiguo 11/03/2015, 08:42
Avatar de GeekGirl  
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 10 años, 5 meses
Puntos: 44
Respuesta: click para sacar un popup y clcick en la pantalla para quitarlo

Acordate de marcar el tema como solucionado. Saludos

Etiquetas: pantalla, popup
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:44.