Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как расположить popup окно по центру? (https://javascript.ru/forum/misc/32242-kak-raspolozhit-popup-okno-po-centru.html)

makar3000 08.10.2012 22:26

Как расположить popup окно по центру?
 
Здравствуйте, есть кнопка по нажатии на которую срабатывает код:

function abuse() {
		var popup_abuse_h = (($('body').height()-$('.popup_abuse').height())/2);
		var popup_abuse_w = (($(window).width()-$('.popup_abuse').width())/2);
		$('.popup_abuse').fadeOut(300).css({'top':popup_abuse_h+'px', 'left':popup_abuse_w+'px'});
		if($.browser.msie) {
			$('.popup_abuse').css({'display':'block', 'opacity':1});
		} else {
			$('.popup_abuse').fadeIn(300);
		}
}


После окно выводится по центру самого шаблона (а нужно по центру той точки шаблона где нажимается кнопка)

Вот как это выглядит сейчас:
http://i049.radikal.ru/1210/60/1d41ce7fdd26.png

А нужно что бы было вот так:

http://s58.radikal.ru/i161/1210/44/ebc46767598d.png

Пожалуйста помогите!!

makar3000 10.10.2012 22:22

up

nerv_ 10.10.2012 22:56

left = ( ширина_видимой_области >> 1 ) - ( ширина_окна >> 1 );

tenshi 11.10.2012 06:16

это можно сделать на голом css
http://jsfiddle.net/fy48x/6/

tenshi 11.10.2012 06:18

если вкратце - растягиваем обёртку на весь экран, прописываем центрирование текста, для панели задаём инлайн блок и центрируем по вертикали, добавляем к нему псевдоэлемент 100% высоты, чтобы растянуть высоту линии по максимуму

makar3000 11.10.2012 17:20

Не работает. Все как было так и осталось...

dmitry111 11.10.2012 20:09

tenshi,

а не проще ли сделать так:

position: fixed или absolute;
left: 1%; (чем меньше тем лучше, главное чтоб left==right)
right: 1%;
margin: auto; (это сделает по центру)

top: 20%; (любые параметры)
z-index: 9999; (если это необходимо)


вуаля :)

самые главные первые 4 параметра

tenshi 12.10.2012 18:53

dmitry111, у тебя по вертикали не центрируется

dmitry111 12.10.2012 20:33

чтобы это сделать нужно указать:

top:1%;
bottom: 1%;

tenshi 12.10.2012 23:15

угу, и получится попап на 98% окна и в нём одна маленькая строчка в углу: "данные приняты к обработке")


Часовой пояс GMT +3, время: 08:40.