вторник, 6 марта 2012 г.

Информер для ТОП гильдий

Сегодня, пришло время познакомить вас с обновленным сайтом, который фигурировал в последнем посте раздела CheckPort. Теперь основа находится на домене lab.аллодс.рф.

Сайт не слишком похорошел, однако суть будет в функционале. Да, сейчас готов только один раздел. Однако, я думаю, он и будет самым популярным. Остальное - позже, когда доработаю.

Ну а сейчас, руководство: "Как воспользоваться функционалом портала lab.аллодс.рф для создания информера на сайт ТОП гильдии". (ну или как-то так, называйте как хотите)

Первое, что нам понадобится - это, всё таки, сайт гильдии. Обязательно ТОП гильдии, иначе нафиг вам всё это. ) Для примера, я воспользуюсь сайтом гильдии "Монолит" с сервера "Сумерки богов".

Так, рабочая площадка найдена, переходим на lab.аллодс.рф, и перемещаемся в раздел "Информер для топ гильдий". Здесь деваться некуда, заполняем форму.


Выбрали сервер и вписали название гильдии? Помните, на любом другом сервере может существовать гильдия с таким же названием как у вас. Уверены в правильности?  Отлично, жмём "проверить".


Что ж, всё верно. Гильдия по данному серверу в ТОП 100 найдена. Если хотите выбрать другой сервер или вписать другую гильдию - жмите "Сбросить", если ничего менять не будете - жмите "Продолжить".


И так, нам присвоили идентификатор и выдали стандартный скрипт на получение 5 параметров из ТОП 100. А именно, это: место в ТОПе, название гильдии, уровень гильдии, количество набранного авторитета и название сервера.

Всё, формальности кончились, можно делать с этим скриптом что заблагорассудится (в хорошем смысле этого слова). Сейчас вы можете просто скопировать наш код к себе в скрипт, а можете сохранить в отдельный файл.



Выбираем "Сохранить в файл" и видим полезное предупреждение, о необходимости подключения JQuery на сайт для функционирования скрипта. Не игнорируем его.

Еще два положительных момента - идентификатор, присвоенный вашей гильдии, меняться уже не будет, а файл скрипта, будет всё время хранится у нас (в случае если он был создан), поэтому, необязательно тащить его к себе, можно просто подключать по ссылке.

И так, теперь самое интересное. Создание информера непосредственно на сайте.


И первое, что надо сделать - подключить JQuery и скрипт. Я не стал мудрить, и просто подключил скрипт по ссылке. Сохраняем и проверяем страницу сайта.


И вроде как на сайте ничего не изменилось... Однако, скрипт сделал своё дело! Только что, были созданы 5 скрытых текстовых полей, содержащие те самые 5 параметров из ТОП 100 для вашей гильдии.

Скрытыми поля сделаны специально. Мало ли для каких целей и вычислений они вам понадобятся. ) Ну а мы сейчас визуализируем всё это дело.

Первым делом, создадим каркас будущего информера. Не буду заморачиваться, сделаю просто и наглядно. Для этого напишем пару строк и создадим парочку полей.


Теперь скачаем скрипт к себе, т.к. нам придётся его немного изменить. Оставим один скрытый input, он понадобится позже. А все остальные данные будем направлять сразу, прямо в созданные span'ы.


Теперь сохраняем скрипт в директории сайта, и изменяем путь подключения на странице. Всё готово. Посмотрим что получилось.


Довольно таки неплохо. Как видите, такой шаблон (каркас) можно применять к любой гильдии. Значения подставляются сами. Обновление данных происходит раз в полчаса/час (как и в ТОП 100 на allods.mail.ru).

Можно было бы и закончить, но напоследок, покажу еще один маленький наглядный пример использования данных.


Видоизменим немного наш шаблон (каркас). Добавим пару совершенно пустых блоков.


Теперь изменим скрипт. Создадим еще один скрытый контейнер, и заполним его цифрой, которая отображает количество авторитета, необходимого для получения след. уровня.

Далее, создадим функцию с задержкой по времени. Это необходимо для того, что бы дать время скрипту "сходить забрать" данные и "принести" их на нашу страницу. Думаю, 3ёх секунд будет достаточно.

Теперь обработаем наши данные. Запишем значения о количестве авторитета в переменные. Простейшими математическими действиями сосчитаем процент набора авторитета. И выведем его на контейнеры.


Посмотрим что получилось. Вуаля! Теперь у нас есть свой "прогресс бар", наглядно показывающий, сколько осталось гильдии до следующего уровня.

Конечно, в примере всё показано топорно и не оптимизировано. Шаблон можно и приукрасить, а стили лучше вынести в ваш CSS. Вообщем, не мне вас учить. Здесь всё ограничивается вашей фантазией. )

Например, у той же гильдии Монолит, на форуме, подобный информер имеет такой вид:


PS: Суть моего проекта проста. Те ТОП гильдии, которые имеют сайты на хостинге с поддержкой php,  могут сделать всё сами и без моей помощи (если захотят). Я же предоставляю такую возможность тем, чьи сайты базируются на хостингах типа UCOZ.

PPS: За помощью, разъяснениями и ответами на вопросы обращаться через форму на сайте или здесь, писать в комментарии.

PPPS: Сайт находится на доработке, поэтому если увидите какие баги - сообщайте, буду признателен. )

Комментариев нет:

Отправить комментарий

Прокомментируйте запись, не стесняйтесь... )