Сегодня я раскажу вам о JQ - библеотека JavaScript. Очень сильный помощник в работе с сайтом в системе uCoz. Что же в нём такого спросите вы? JQ - это мощная библиотека позволяющая делать операции с минимальным кодом(Девиз компнии - Пиши меньше, делай больше). Покажу вам не сколько интересных приёмчиков на JQ которые оживят ваш сайт...
Функция языка $('клас').each(function(){Код функции}); с помощью её мы можем прократся в самые злые , холодные участки uCoz сайта...
Основной плюс обновление чего либо которое нам даёт JQ.
Обычный минус uCoz сайта в том, что чат не обновляеться статистика. Исправим!
Смотрим: Коды статистики это $ONLINE_COUNTER$ - счётчик пользователей
$ONLINE_USERS_LIST$ - список онлайн юзеров
мы с ними и пороботаем, пройдёмся по этапам:
1: Описание скрипта
так же скрипт можно загрузить в .js файл и пользуясь тегами скрипта() загрузить его так
2:Проверяем готов ли документ, для этого нам понадобиться функция document.ready :
3:Устанавливаем время интервала с помощью setInterval
4:Используем Html , что бы всё это вывести:
$ONLINE_COUNTER$$ONLINE_USERS_LIST$
Первый span получает id = #statA и будет изменяться с его изменением, второй же span аналогично.
Используя данный код выше мы можем изменить и другие части нашего сайта, такие как опрос:
$POLL$
Важно , что время указываеться в МилиСекундах то есть 10000 - 10 секунд, 50000 - 50 секунд.
Теперь используя полученные знания поиграимся со временем на сайте
Коды времени это :
$WDAY$ - текущий день недели
$DATE$ - текущая дата
$TIME$ - текущее время
$WDAY$, $DATE$, $TIME$
То есть обновляем время каждые 15 секунд на сайте. Можно пойти дальше и добраться до просто времени и получим похожий код:
$TIME$
Теперь время будет обновляться каждую секунду.
Идём в самый конец к сожалению. Я раскажу вам как я придумал сделать описание группы при наведение на ник в статусе:
$('клас').each(function(){Код функции}); - зная функцию я начал думать.
Используя лису выяснил(в общемто и знал), что коды групп есть такие:
groupAdmin - администратор
groupModer - модераторы
groupVerify - проверенные
groupUser - пользователи
так как они ссылки клас я решил попытаться заполнить как $('a.groupAdmin').each(function(){сама функция});
код функции получился тоже интересным
$(this).attr('title','Группа пользователя: Администраторы');
То есть клас - this(этот , если вы учили англ. то есть выделенный) и вызываем свойство title то есть описание , назначаем код...
Используя весь данный "урок" вы можете сделать много чего интересного для своего сайта. До встречи Глеб.
