Среда, 08.04.2020, 11:30
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Какой поисковик Вы используете?


Всего ответов: 313

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 8
Гостей: 7
Пользователей: 1
work_work

Зарегистрировано 30954 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5156 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [28.06.2009, 08:04]

Зарузка страницы с индикатором для сайта 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 2013 и Зарузка страницы с индикатором для сайта uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: praym-
Просмотров: 5384 | Загрузок: 294 | Комментарии: 9 | Рейтинг: 0.0/0


Всего комментариев: 9
7 Kent1   (26.08.2009 19:32) [Материал]
А главная страница сайта это где?

8 maillip   (13.01.2010 05:35) [Материал]
Ну ты поднял настроение

9 SCRIPTS-FOR-UCOZ   (13.01.2013 08:01) [Материал]
+1

+4   Спам
6 Pashkovskyi   (18.07.2009 20:10) [Материал]
2 sifonshtein
правой кнопкою мишки, сохранить рисунок и не надо архивов, тем более там столько рекламы

+1   Спам
5 Apocalypse   (09.07.2009 13:55) [Материал]
Спасибо, всё работает. Я немного подправил скрипт: (Средняя часть, вставлял перед тегом $BODY$)

Code
<div id="pageIsLoading" style="position:absolute;
display:block;   
width:Ширина картинки;   
height:Высота катринки;   
line-height:px;
background-image: url(http://apocalypse.ucoz.kz/loading.gif);   
background-repeat: 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 - 85) / 2);   
var top = Math.round(((window_height - 85) / 3) + 46);   
document.getElementById('pageIsLoading').style.left = left+'px';   
document.getElementById('pageIsLoading').style.top = top+'px';   
</script>   
</div>

Сделал следующее: Прозрачный бэкграунд, Убрал рамки, Убрал надпись на кртинке

Советую скачать сборник индикаторов загрузки с этого сайта cool

Удачи!


+1   Спам
4 scripts_for_ucoz   (28.06.2009 14:44) [Материал]
Ну снизте ему репутацию за это в наказание ... Эту новость я перезалил smile Теперь надеюсь всё ок cool

3 sifonshtein   (28.06.2009 13:36) [Материал]
Скажите, в чём толк выкладывать скрипты с архивами, но без архивов? это типа новый прикол?

+2   Спам
2 Pashkovskyi   (28.06.2009 13:04) [Материал]
Индикатор а не Индефекатор biggrin

-1   Спам
1 BLoOd   (28.06.2009 12:38) [Материал]
а где сам архив?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz