VPF::Вывести DIV по центру экрана - Форум программистов

FireDemon

Дата 30.11.2007, 15:41 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 25.6.2007

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

Написал такой код, DIV появляется по центру но когда прокручиваешь вниз он остается на верху.

Код


<script language="javascript">
left = screen.width/2 - 65;
top = screen.height/2 - 180;
document.write('<div id="overlay" style="opacity: 0.7; display: none;">
<div style="opacity: 2; position:absolute; left: '+left+'; top: '+top+';" id="loaddiv">
<table class="loading" cellspacing="0" cellpadding="3"><tr><td><code>Идет загрузка...</code></td></tr></table></div></div>');
</script>

Как сделать так что бы при прокрутке DIV оставался по центру экрана?

Astraller

Дата 30.11.2007, 16:11 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5

FireDemon, для нормальных бровзеров:

Код


position:absolute;

Для IE есть хак smile

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

A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair

FireDemon

Дата 30.11.2007, 18:07 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 25.6.2007

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

Юзаю FireFox
position:absolute; написано, DIV отображается по центру, но если я прокрчу скролом вниз, то он остается вверху, мне надо сделать привязку DIV к скролу smile

Wolf1994

Дата 30.11.2007, 19:07 (ссылка)

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

Загрузка ...

Эксперт

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

Репутация: 4
Всего: 29

Код


function handle_div(id)
{
 var obj=document.getElementById(id);
 try
 {
  obj.style.top=(innerHeight/2-180)+"px";
  obj.style.left=(innerWidth/2-65)+"px";
 }
 catch(e)
 {
  obj.style.top=document.body.scrollTop+(document.body.clientHeight/2-180)+"px";
  obj.style.left=document.body.scrollLeft+(document.body.clientWidth/2-65)+"px";
  window.onscroll=handle_div;
  window.onresize=handle_div;
 }
}

Для FF - style="position:fixed";

Это сообщение отредактировал(а) Wolf1994 - 30.11.2007, 19:08

Astraller

Дата 1.12.2007, 11:16 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5

FireDemon, именно.

Код


position: fixed;

Сори.

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

A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair

FireDemon

Дата 3.12.2007, 15:18 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 25.6.2007

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

Wolf1994, а где выполнять эту функцию?

Wolf1994

Дата 3.12.2007, 15:38 (ссылка)

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

Загрузка ...

Эксперт

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

Репутация: 4
Всего: 29

После вывода DIV. В функцию передать id дива.

FireDemon

Дата 3.12.2007, 17:22 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 25.6.2007

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

Wolf1994, Так и сделал, но до catch(e) не доходит вообще и ни каких ошибок не выводит.

Это сообщение отредактировал(а) FireDemon - 3.12.2007, 17:22

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