Приветствую Вас Прохожий | RSS Суббота, 03.12.2016, 03:23
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 3
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Обновление любой части сайта от Razip

Cкрипт позволяет обновлять любую часть страницы сайта без перезагрузок, и через определенный период времени.

Как это работает: мы открыли сайт, скрипт посылает запрос на определенную страницу, и выбирает нужный нам элемент (например: статистику сайта), возвращая его скрипту, а скрипт заменяет устаревшую информацию обновленной (в нашем случае — статистику).

Как установить скрипт: установка не является такой уж трудной, чтобы было понятнее, я покажу на примере обновления списка категорий с количеством материалов ($CATEGORIES$). Итак, мы имеем такой код:

Код
<!-- <block2> -->
<?if($CATEGORIES$)?>
<div class="block">
<div class="block_header"><!-- <bt> --><!--<s5351>-->Категории раздела<!--</s>--><!-- </bt> --></div>
<div class="block_content"><!-- <bc> -->$CATEGORIES$<!-- </bc> --></div>
</div>
<?endif?>
<!-- </block2> -->


Здесь единственная информация которая меняется, это $CATEGORIES$, она то нам и нужна. Теперь следует «обернуть» этот код в два дива (<div>), то есть вот так :

Код
<div id="update_parent"><div id="update_content">$CATEGORIES$</div></div>


Итак, по порядку:

Как видите, у двух дивов есть уникальный идентификатор (id=""), я присвоил первому значение «update_parent», а второму «update_content» (можно ставить и свои значения, но рекомендую ничего не менять, за исключением многократного использования на сайте, то есть тогда, когда без этого работать не будет, об этом позже).

Заместо «$CATEGORIES$», ставим код, который хотите обновлять.

Далее следует установить скрипт после <body>, на uCoz, чтобы показывал на всех страницах, нужно ставить в самый верх «шапки» сайта (Панель управления -> Управление дизайном -> Верхняя часть сайта).

Код

<script>
function update() {
$('#update_parent').load('/ #update_content');
}
setInterval('update()', 1000);
</script>


Теперь разберем этот код:

Если изменяли значения «update_parent» и «update_content» на свои то ставим за место них своиid.

1000 — это одна время через которое будет обновляться элемент (если хотите, можете менять), в миллисекундах (1 секунда = 1000 миллисекунд).

Все, скрипт будет работать! ;)

Использование несколько раз: для того, чтобы использовать этот скрипт несколько раз на сайте, нужно:

Создать новую функцию (function), проще говоря скопировать и вставить рядом. Вот так:

Код
function update() {
$('#update_parent').load('/ #update_content');
}
function update() {
$('#update_parent').load('/ #update_content');
}


Затем сменить название функции, и id у дивов и в скрипте (смотрите выше), иначе работать не будет. Вот что у нас получилось:

Код
function update() {
$('#update_parent').load('/ #update_content');
}
function update_two() {
$('#update_parent_two').load('/ #update_content_two');
}


Осталось прописать в интервал (setInterval) нашу функцию update_two (ставьте свое название новой функции):

Код
setInterval('update();update_two()', 1000);


Заметьте, функция update_two() ставиться после update() и между ними обязательно должен стоять ;, иначе работать не будет. То есть знак ; отделяет функции обновления. В общем, так можно добавлять новые функции сколько угодно.

Удачного использования, Ваш Razip! :)

P.S. Если что-то не понятно — пишите в комментариях — отвечу. И да, не рекомендуется ставить маленькие числа в интервал обновления, т.к. uCoz не будет обрабатывать эти запросы. (могу ошибаться, давно ушел с uCoz)
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2527 | Комментарии: 8 | Рейтинг: 4.2/6 | |Категория: Скрипты Разное | Добавил: Razip | Дата: 12.08.2013 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 8
8 ZOAD   Дата: 09.11.2014  Время: 12:45   [№ 15382]
Я сделал чтоб информер картинок с рандомным выбором в шапке обновлялся отдельно от страницы и получился типа слайдер без эффектов =;)=

7 ZOAD   Дата: 09.11.2014  Время: 12:41   [№ 15381]
Спасибо ! - то что искал .

6 UCmaSter   Дата: 15.02.2014  Время: 17:11   [№ 15215]
tolko obnovlyaet opredelnnuiu chast saita?

+1   Спам
1 kinovideo   Дата: 16.08.2013  Время: 17:19   [№ 14878]
А на своих страницах которые заливаешь на uCoz не пашет гад (((

+1   Спам
2 Razip   Дата: 17.08.2013  Время: 12:43   1 [№ 14884]
В смысле? На статических? Если да, то там же наверняка не подключен jQuery.

+1   Спам
3 kinovideo   Дата: 19.08.2013  Время: 14:01   2 [№ 14892]
ага, понял - СПАСИБО!

+1   Спам
4 kinovideo   Дата: 29.08.2013  Время: 22:56   2 [№ 14920]
скрипт не обновляется каждую секунду, секунд через 20 только. отчего это зависит? 1000 - не менял

+1   Спам
5 kinovideo   Дата: 29.08.2013  Время: 23:02   2 [№ 14921]
Хотя конечно и не надо чтобы он обновлялся так часто, рекомендую ставить 10000 и больше. А то в превинтивных мерах uCoz может заблокировать ваш IP


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru