VPF::Блокировка подгружаемых элементов содержимого

barcelona

Дата 16.2.2008, 20:51 (ссылка)

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

Загрузка ...

Бывалый

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

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

Здравствуйте!
Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:

Код


<div id="loading">
<div class="loadingDiv">Подождите пожалуйста...</div> 
</div>

и стили

Код


.loading {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  overflow:hidden;
}
.loadingDiv{
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  font-family:Arial;
  background-color:#FFFFFF;
  font-size:10px;
  margin:10px;
}

который теоретически должен перекрывать всё содержимое во время загрузки. НО, это не работает. В IE подгружаемые элементы всё равно остаются доступны, в Firefox слой подгрузки вообще не отображается, а в Opera недоступна только видимая часть страницы, всё, что ниже - доступно. Как бы так вывернуться, чтобы работало везде? Заранее спасибо.

Это сообщение отредактировал(а) barcelona - 16.2.2008, 20:52

bars80080

Дата 18.2.2008, 10:05 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

не совсем понятно, как хтмл-разметка может заблокировать ту же разметку

насколько я понимая, задача чисто javascript

с ходу можно предположить следующее:

страница загружается в некотором завёрнутом виде, по событию onload js отстраивает страницу скажем с помощью document.write

но как видно это от лукавого...

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