DIZ-CS.RU - Мы с Вами НАВСЕГДА!
Активный форум » WEB-мастеру » Скрипты для uCoz » Немного про JQ
  • Страница 1 из 1
  • 1
Сообщение # 1
Аватарка Lifes
َﱢﱟﱞﱡ۩ﱡﱞﱟﱢَМодерَﱢﱟﱞﱡ۩ﱡﱞﱟﱢَ
OFF
Пользователь
Сообщения:201
Награды:19
Отзывы:0
Сегодня я раскажу вам о JQ - библеотека JavaScript. Очень сильный помощник в работе с сайтом в системе uCoz. Что же в нём такого спросите вы? JQ - это мощная библиотека позволяющая делать операции с минимальным кодом(Девиз компнии - Пиши меньше, делай больше). Покажу вам не сколько интересных приёмчиков на JQ которые оживят ваш сайт...
Функция языка $('клас').each(function(){Код функции}); с помощью её мы можем прократся в самые злые , холодные участки uCoz сайта...
Основной плюс обновление чего либо которое нам даёт JQ.
Обычный минус uCoz сайта в том, что чат не обновляеться статистика. Исправим!
Смотрим: Коды статистики это

$ONLINE_COUNTER$ - счётчик пользователей
$ONLINE_USERS_LIST$ - список онлайн юзеров

мы с ними и пороботаем, пройдёмся по этапам:
1: Описание скрипта
так же скрипт можно загрузить в .js файл и пользуясь тегами скрипта() загрузить его так

2:Проверяем готов ли документ, для этого нам понадобиться функция document.ready :

Code

3:Устанавливаем время интервала с помощью setInterval

Code

4:Используем Html , что бы всё это вывести:

Code
$ONLINE_COUNTER$$ONLINE_USERS_LIST$

Первый span получает id = #statA и будет изменяться с его изменением, второй же span аналогично.

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

Code

$POLL$

Важно , что время указываеться в МилиСекундах то есть 10000 - 10 секунд, 50000 - 50 секунд.

Теперь используя полученные знания поиграимся со временем на сайте
Коды времени это :
$WDAY$ - текущий день недели
$DATE$ - текущая дата
$TIME$ - текущее время

Code

$WDAY$, $DATE$, $TIME$

То есть обновляем время каждые 15 секунд на сайте. Можно пойти дальше и добраться до просто времени и получим похожий код:

Code

$TIME$

Теперь время будет обновляться каждую секунду.
Идём в самый конец к сожалению. Я раскажу вам как я придумал сделать описание группы при наведение на ник в статусе:
$('клас').each(function(){Код функции}); - зная функцию я начал думать.
Используя лису выяснил(в общемто и знал), что коды групп есть такие:

groupAdmin - администратор
groupModer - модераторы
groupVerify - проверенные
groupUser - пользователи

так как они ссылки клас я решил попытаться заполнить как $('a.groupAdmin').each(function(){сама функция});
код функции получился тоже интересным

$(this).attr('title','Группа пользователя: Администраторы');

То есть клас - this(этот , если вы учили англ. то есть выделенный) и вызываем свойство title то есть описание , назначаем код...

Используя весь данный "урок" вы можете сделать много чего интересного для своего сайта

Сообщение # 2
Аватарка Snop1k
►Snop1k
OFF
Пользователь
Сообщения:61
Награды:1
Отзывы:0
Сайт пользователя:
Я запутался что куда вставлять!!
Возьми коды в bbcode [code]
Ну ты понял!!!
  • Страница 1 из 1
  • 1
Поиск:
Писать на форуме могут только авторизованные пользователи.