Ventamas Modales

isc_seeker · #1 (**permalink**) 05/08/2011, 11:07

Que tal gente de foros del web, tengo un problemita y requiero de su ayuda:

Estamos desarrollando una web, dentro de la cual implementamos el uso de ventanas modales para las partes de Guardar Datos, Cancelar, Salir, entre otras.

Ya tenemos creadas dichas ventanas modales, pero quisiera saber como poner un div con color transparente detrás de cada ventana modal.

Mi ejemplo para explicar lo anterior, es el siguiente:

"Procedimiento para salir del proyecto web"

Damos clic en el botón salir. Luego, se opaca todo mi contenido en la página y solo queda visible la ventana modal con el div que les comento (que no me sale).

en este caso, quiero que el div sea el encargado de opacarme todo el contenido, hasta que el usuario presione un botón cualquiera de los que tiene en la ventana modal

en conclusión, la duda principal es como hacer ese div opaco detras de mi ventana modal :/

de antemano gracias !

caricatos · #2 (**permalink**) 05/08/2011, 19:21

Hola:

Empecemos hablando con propiedad... solo hay 3 tipos de ventanas modales estándar: alert, confirm y prompt... y por definición las modales detienen el flujo de datos esperando respuestas de usuario. Seguramente estás tratando de ventanas que simulan el comportamiento de las ventanas modales como las lightbox, greybox, etc...

Como respuesta a la capa de fondo; simplemente debería tener determinados estilos: position absolute; top, left, width, height específicos y el grado de opacidad que te parezca conveniente (0.1, 0.5...)

Saludos

isc_seeker · #3 (**permalink**) 06/08/2011, 03:20

Cita:

Iniciado por caricatos

Hola:

Empecemos hablando con propiedad... solo hay 3 tipos de ventanas modales estándar: alert, confirm y prompt... y por definición las modales detienen el flujo de datos esperando respuestas de usuario. Seguramente estás tratando de ventanas que simulan el comportamiento de las ventanas modales como las lightbox, greybox, etc...

Como respuesta a la capa de fondo; simplemente debería tener determinados estilos: position absolute; top, left, width, height específicos y el grado de opacidad que te parezca conveniente (0.1, 0.5...)

Saludos

gracias por tu respuesta... me quedan claros los 3 tipos de ventanas modales, ya que investigué un poco al respecto, y si, estoy tratando de simular el comportamiento en una, mas no se como implementar eso de lightbox y eso... si me pudieras ayudar con un ejemplo te lo agradecería demasiado !

caricatos · #4 (**permalink**) 06/08/2011, 03:32

Hola:

Tal vez te sirva esta página: Pseudo-lightbox.

Saludos

emprear · #5 (**permalink**) 06/08/2011, 12:45

Quizás esto pueda serte util, es bastante facil de implementar

http://foros.emprear.com/jquerye/jqm...al-window.html

El código fuente tiene lo necesario

Saludos

isc_seeker · #6 (**permalink**) 08/08/2011, 12:27

Cita:

Iniciado por emprear

Quizás esto pueda serte util, es bastante facil de implementar

[url]http://foros.emprear.com/jquerye/jqmodal/jqmodal-window.html[/url]

El código fuente tiene lo necesario

Saludos

este está perfecto ! pero, donde puedo ver el código fuente??

isc_seeker · #7 (**permalink**) 08/08/2011, 12:38

Cita:

Iniciado por isc_seeker

este está perfecto ! pero, donde puedo ver el código fuente??

ok, ya no es necesario amigo, ya lo encontré... gracias por tu valiosísima aportación

emprear · #8 (**permalink**) 08/08/2011, 15:34

De nada, y te salvaste de un reto....