На портале уже 563 , зарегистрировано 9843 и написано 803 .
Оранжевые иконки для...
Футбольный информер ...
Шаблон MANCHESTER UN...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Зарузка страницы с индикатором для сайта uCoz

Зарузка страницы с индикатором для сайта uCoz

  • Добавил: Scripts_For_uCoz
  • Дата: 2017-09-26, 10:28 AM
  • Комментариев: 4
  • Просмотров: 1492
Скриншот материала «Зарузка страницы с индикатором для сайта uCoz»

Прелоадер - Загрузка страницы.
Цель скрипта - показать в центре экрана посетителю сайта информацию о том что сайт загружает свои данные.
Выглядит он данным образом

И так приступим...

Для начала загружаем нашу картинку загрузки в корень сайта... 
 
Заходим на главную страницу сайта.
Находим:

Code
<head></head>

Вставляем между ними:
Code
<script type="text/javascript">     
function hideLoading() {     
document.getElementById('pageIsLoading').style. display = 'none';     
}     
</script>

После чего после тега <body> вставляем данный код:
Code
<div id="pageIsLoading" style="position:absolute;     
display:block;     
padding-left:44px;     
padding-right:12px;     
width:auto;     
height:46px;     
line-height:46px;     
border:1px solid #890000;     
color:#000000;     
font-weight:bold;     
background-color:#fff;     
background-image: url(http://Ваш_сайт/loading.gif);     
background-position: 6px center;     
background-repeat: no-repeat;">     
<script type="text/javascript">     
if (typeof window_width == 'undefined' || typeof window_height == 'undefined')     
{     
var window_width; var window_height;     
if( typeof( window.innerWidth ) == 'number' )     
{     
window_width = window.innerWidth; window_height = window.innerHeight;     
}     
else     
if(document.documentElement && ( document.documentElement.clientWidth ||     
document.documentElement.clientHeight ) )     
{     
window_width = document.documentElement.clientWidth;     
window_height = document.documentElement.clientHeight;     
}     
else     
if(document.body && ( document.body.clientWidth ||     
document.body.clientHeight ) )     
{     
window_width = document.body.clientWidth;     
window_height = document.body.clientHeight;     
}     
}     
var left = Math.round((window_width - 200) / 2);     
var top = Math.round(((window_height - 46) / 3) + 46);     
document.getElementById('pageIsLoading').style.left = left+'px';     
document.getElementById('pageIsLoading').style.top = top+'px';     
</script>     
Загружается... Ждите...     
</div>

После чего переходим к самому последнему тегу </body> и перед ним вставляем:
Code
<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>

Все на этом скрипт готов. Загружайтесь с удовольствием.


Будьте внимательны! Этот материал «Зарузка страницы с индикатором для сайта uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
№3 uberstalker96 написал: 2011-07-08 в 2:55 PM Спам
uberstalker96
Люди, помогите, я нубец :blink:, скажите, что за "Главная страница"??? Лучше путь до неё покажите! cry
№4 XakeP[SERTIFICAT_AT_NICK] написал: 2011-09-30 в 3:54 PM Спам
XakeP[SERTIFICAT_AT_NICK]
http://твой сайт/index cool
№2 Диманзик написал: 2011-04-10 в 6:06 PM Спам
Диманзик
тупизна загрузи картинку
№1 RGX написал: 2011-01-21 в 1:35 PM Спам
RGX
У меня только текстом пишет, а картинки нету! cry
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]