Урок 1: Аякс и Онлайн (uCoz) - Форум о поисковых системах и социальных сетях

Страница 1 из 1
1

Урок 1: Аякс и Онлайн (uCoz) (Обновление онлайна в фоне)

Урок 1: Аякс и Онлайн (uCoz)

Codeer

Среда, 01.08.2012, 00:13

Пользователь

Сообщения: 5

Репутация: 0

Меня зовут Макс, я немного разбираюсь в js jq, и вот заметил что такой интересной штуки для uCoz'a нету.
Цель: Сделать динамически обновляемый в фоне онлайн пользователей на сайте под uCoz

Начнем.

Листинг:

Нам понадобится страничка где будет отображаться только онлайн и ничего больше, даже дизайн.
Также нам понадобятся скрипты jQuery.js и Online.js

1. Загрузите к себе на хост файл http://spi-x.ru/js/online.js в папку /js/

2. Между тегами <head> напишите следующий код в каждой странице где будет использоваться данный скрипт:
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="/js/online.js"></script>
Некоторые скажут: "Но ведь юкоз сам подгружает библиотек jq."
Да это правда. Вы можете не подгружать еще раз библиотеку JS, а просто в начало <body> вставить <script>Содержимое online.js</script>
тем самым уменьшив размер страницы. Почему нельзя без повторной подгрузки? Нарушается последовательность. В online.js используются не объявленные методы.

3. Создайте страницу, и поставьте галочку напротив "Использовать персональный шаблон для страницы", сохраните адрес новой страницы.

4. Откройте в ПУ редактор шаблонов, и там выбирете только что созданную страницу.

5. Удалите все содержимое и напишите следующее:
$ONLINE_COUNTER$|$POWERED_BY$

6. Идите в Файловый менеджер > js > Ключик напротив online.js, там установите значение переменной
var page = 'Адрес страници из пункта 3';

7. В том же файле переменная
var period = 5;
Это период обновления. Не ставьте менее 5 секунд. Иначе сайт вас не пустит из-за флуда.
СОХРАНЯЕМ!

8. Идем на сайт. Включаем Конструктор. Жмем редактировать статистику и вкладка html.

9. Элемент с id равным "online" каждые period секунд будет обновлять статистику. Потому пишем так в html блоке статистики:
$COUNTER$
<div id='online'>
$ONLINE_COUNTER$
</div>
$ONLINE_USERS_LIST$

Изначально в диве указано чтобы пусто не было. Вместо тега див можно использовать любой другой с id='online'.
Пример: http://spi-x.ru/
Все!

Помог? Реквизиты в подписи.

Пост отредактировал Codeer - Среда, 01.08.2012, 00:17

Помогите, мне для хостинга:
Z214584525928
R171726141843
U206669991180

Профиль

Sarkis

Среда, 01.08.2012, 00:45

Проверенный

Сообщения: 1660

Репутация: 2663

Codeer, еще бы пример увидеть было бы вообще супер...

Профиль

Codeer

Воскресенье, 05.08.2012, 12:34

Пользователь

Сообщения: 5

Репутация: 0

Я ведь дал ссылку на свою песочницу. Там ничего нету кроме пимера =)
http://spi-x.ru/

Добавлено (01.08.2012, 08:38)
---------------------------------------------
Только я в содержимое страници с онлайном написал
Обновилось|$POWERED_BY$
Что бы явно видно было

Добавлено (05.08.2012, 12:32)
---------------------------------------------
Разве не полезно?

Добавлено (05.08.2012, 12:34)
---------------------------------------------
А еще предлагаю пользоваться моей собственной CMS NURD - nurd-cms.ru

Помогите, мне для хостинга:
Z214584525928
R171726141843
U206669991180

Профиль

Rashque

Воскресенье, 05.08.2012, 16:51