Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Cómo centrar una ventana modal

Estas en el tema de Cómo centrar una ventana modal en el foro de Jquery en Foros del Web. Hola amigos del foro, mi problema es el siguiente: Estoy haciendo una página, la cual está dividida en 3 secciones: Cabecera, cuerpo y pies. El ...
  #1 (permalink)  
Antiguo 28/11/2013, 11:10
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Cómo centrar una ventana modal

Hola amigos del foro, mi problema es el siguiente:

Estoy haciendo una página, la cual está dividida en 3 secciones: Cabecera, cuerpo y pies. El contenido del cuerpo es un poco extenso, por lo que siempre es visible una barra de desplazamiento vertical. La cabecera, siempre es visible aunque me desplace hacia abajo con la barra de desplazamiento.

Dentro del cuerpo, hay enlaces en determinadas regiones, los cuales, muestran una ventana modal al darles un clic. La ventana modal, es un DIV que inicialmente está oculto y que se muestra con el método fadeIn, además de cargar un determinado contenido en él utilizando Ajax, el contenido varía según el enlace al que se le de el clic.

Lo que quiero hacer, es que dicho DIV aparezca exactamente al medio de la vista que se tenga en ese momento, por ejemplo, tengo algunos enlaces en la parte superior del cuerpo y quisiera que el DIV aparezca justo a la mitad de la vista que se tenga en ese momento, si me desplazo hacia abajo, quiero que aparezca a la mitad de la vista que tenga en aquel momento y del mismo modo con todos los enlaces. Quizá me equivoque, pero probablemente tenga que obtener las dimensiones de la ventana o del documento, algo que hice con $(window).height() y $(window).width(), luego de aplicar un poco de CSS, el DIV suele posicionarse a la mitad de la ventana con respecto a esa dimensiones, por lo que si estoy muy arriba o muy abajo, tengo que desplazarme hasta encontrar el DIV y no debería ser así.

¿Cómo puedo lograr esto?

Saludos y, de antemano, gracias por la deferencia.
__________________
«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
  #2 (permalink)  
Antiguo 28/11/2013, 11:21
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: Cómo centrar una ventana modal

Súmale el $(window).scrollTop() al top que has calculado (que debería ser la mitad del heigth del windows menos la mitad del heigth del div flotante).
  #3 (permalink)  
Antiguo 28/11/2013, 11:36
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Cómo centrar una ventana modal

Funcionó a la perfección. Gracias marlanga.
__________________
«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

Etiquetas: modal, ventana
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 15:46.