VPF::Позиционгирование DIV тега - Форум программистов

DrNemo

Дата 19.7.2007, 10:01 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 193
Регистрация: 7.12.2005
Где: Не пейте ракетное топливо! :-)

Репутация: нет
Всего: 1

Вопрос:
Есть div тег с инфой, позиция абсолют, как спозиционировать его по центру монитора?
не html странички, а именно по середине монитора

--------------------

На свете есть только две вещи которые сносят башню - космос и женщины (К.Ю.Бунин)Самый мастдаевский сакс в том, что рулезные фичи глючат :))

solenko

Дата 19.7.2007, 13:22 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

Репутация: 9
Всего: 67

Код


function getParentSize() {
    var w,h;
    if (self.innerHeight) {
        w = self.innerWidth;
        h = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        w = document.documentElement.clientWidth;
        h = document.documentElement.clientHeight;
    } else if (document.body) {
        w = document.body.clientWidth;
        h = document.body.clientHeight;
    }
return (w || h) ? {width: w, height: h} : 0;
}

function getObjCoord(obj){
    x=0; y=0;
    ob = obj;
    while(ob) {
      x+=ob.offsetLeft;
      y+=ob.offsetTop;
      ob=ob.offsetParent;
    }
    return  {left: x, top:y};

}

function getScrolling() {
var x,y;
    if (self.pageYOffset) {
        x = self.pageXOffset;
        y = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        x = document.documentElement.scrollLeft;
        y = document.documentElement.scrollTop;
    } else if (document.body) {
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
    }
    return (x || y) ? {scrollX: x, scrollY: y} : 0;
}

function getObjSize(elem) {
var w,h;
    if (elem.offsetWidth) {
        w = elem.offsetWidth;
        h = elem.offsetHeight;
    } else if (elem.clip && elem.clip.width) {
        w = elem.clip.width;
        h = elem.clip.height;
    } else if (elem.style && elem.style.pixelWidth) {
        w = elem.style.pixelWidth;
        h = elem.style.pixelHeight;
    }
    return (w || h) ? {width: parseInt(w), height: parseInt(h)} : 0;
}

function centerElement(elem){
    var parentSize = getParentSize();
    var scrolling = getScrolling();
    var scrollX = (scrolling) ? scrolling.scrollX : 0;
    var scrollY = (scrolling) ? scrolling.scrollY : 0;
    var elemSize = getObjSize(elem);
    var left = Math.round(parentSize.width/2 - elemSize.width/2 + scrollX);
    var top = Math.round(parentSize.height/2 - elemSize.height/2 + scrollY);
    elem.style.left = left + "px";
    elem.style.top = top + "px";

}

--------------------

Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »