Зарузка страницы с индикатором для сайта uCoz
- Добавил: Scripts_For_uCoz
- Дата: 2024-04-27, 4:43 AM
- Комментариев: 4
- Просмотров: 2875
Скриншот материала «Зарузка страницы с индикатором для сайта uCoz»
Прелоадер - Загрузка страницы.
Цель скрипта - показать в центре экрана посетителю сайта информацию о том что сайт загружает свои данные.
Выглядит он данным образом
И так приступим...
Для начала загружаем нашу картинку загрузки в корень сайта...
Заходим на главную страницу сайта.
Находим:
Code
<head></head>
Вставляем между ними:
Code
<script type="text/javascript">
function hideLoading() {
document.getElementById('pageIsLoading').style. display = 'none';
}
</script>
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>
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>
if (window.addEventListener) {
window.addEventListener('load', hideLoading, false);
} else if (window.attachEvent) {
var r = window.attachEvent("onload", hideLoading);
} else {
hideLoading();
}
</script>
Все на этом скрипт готов. Загружайтесь с удовольствием.
- В категории: Скрипты для uCoz - Scripts for uCoz
- Источник:
Будьте внимательны! Этот материал «Зарузка страницы с индикатором для сайта uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому,
при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Люди, помогите, я нубец :blink:, скажите, что за "Главная страница"??? Лучше путь до неё покажите!
 ![XakeP[SERTIFICAT_AT_NICK]](https://3344270200.uid.me/avatar.jpg){kind=avatar}
http://твой сайт/index
 | |
