Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.05.2010, 20:24
Кандидат Javascript-наук
Отправить личное сообщение для bayah Посмотреть профиль Найти все сообщения от bayah
 
Регистрация: 22.04.2010
Сообщений: 111

Прелоэдер. Помогите разобрать код.
Собственно код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>прелоадер</title>
<style type="text/css">
<!--
#loading {
position:absolute;
width:100%;
height:100%;
z-index:999999;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #FFFFFF;
display: block;
}
-->
</style>

<script type="text/javascript">
function hideLoading() {
document.getElementById('loading').style.display = 'none';
}
</script>

<script type="text/javascript">
if (window.addEventListener) {
window.addEventListener('load', hideLoading, false);
} else if (window.attachEvent) {
var r = window.attachEvent("onload", hideLoading);
} else {
hideLoading();
}
</script>

</head>
<body>

<div id="loading" > <!--этот контейнер закрывет всю страницу, пока та не загрузиться.-->
<div style="width:32px; height:32px; margin-left:49%; margin-top:20%;"><img src="loading.gif" width="32" height="32" alt="" /></div> <!--этот контейнер выравнивет картинку «идёт загрузка» (или, что у вас там будет) по центру экрана.-->
</div>

</body>
</html>

Собственно закрывает документ div ом с картинкой пока не загрузится весь контент.
Не могу понять каким образом происходит это все.
Что значит провека:
if (window.addEventListener) {
в частности.
Ответить с цитированием
  #2 (permalink)  
Старый 05.05.2010, 20:32
Кандидат Javascript-наук
Отправить личное сообщение для bayah Посмотреть профиль Найти все сообщения от bayah
 
Регистрация: 22.04.2010
Сообщений: 111

Блин, кажется я понял пока писал:
1. Начинает работать скрипт. Вешает обработчик на onload странички. Если браузер - IE, то использует для этого - attachEvent, иначе - addEventListener. Правда непонятно else - там сразу снимается прелоэд.
2. Как только загружается див, он отображается закрывая собой весь документ.
3. Как только загрузится вся страничка срабатывает onload и див делается невидимым.

Все таки непонятно как работает проверка if(window.addEventListener)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Исправить код Serghei Общие вопросы Javascript 2 13.04.2010 12:49
Помогите расшифровать код scorpil Общие вопросы Javascript 0 03.03.2010 17:36
Помогите оптимизировать код. pizzZ jQuery 5 17.11.2009 23:52
Как узнать динамический код страницы? gosha13 Общие вопросы Javascript 5 27.07.2009 13:31
Помогите разобрать JavaScript Franky4F1ngers Общие вопросы Javascript 7 01.07.2009 19:54