Простой крест сценарий Рейтинг браузер для Mootools

MooRating простой (кросс-браузер, конечно, как он использует власть библиотеки MooTools), легкие и отлично Mootools основан рейтинг решение. Это не называется, как "Звездный Рейтинг", просто потому, что рейтинг изображение может быть, как вы выберете (я предоставил Звезды, бары и сердца при загрузке, но вы можете создать свой собственный сорт и просто его).

Как это выглядит следующим образом:

Рейтинг Mootools с различными изображениями Посмотреть демо
Рейтинг Mootools с Процент значений Посмотреть демо
Рейтинг Mootools с дробными значениями Посмотреть демо

Скачать Mootols Категория сценарий (Скачано 716 раз)

Оценка данных: целое число, десятичное или процентах
В настоящее время сценарий предназначен для демонстрации в рейтинге данные в целом значения (1,2,3,4,5), в десятичных (1.24, 3.45 и т.д.) или в процентах (12%, 55% и т.д.). Выбор для отображения данных в любом из указанных форматов может быть установлен только путем изменения некоторых значений флага в JavaScript (moorating.js)
Есть два электронных два флага, чтобы играть, для отображения значений в формат по вашему выбору ...

уаг inpercent = false; / / Установить флаг так, если вам требуется процентные значения, которое будет отображаться
уаг isFractional = False / / Установить это верно, если вы хотите дробные значения, как 1,24, 1,25, 4,56, а не 1,2 ... 5

И я не думаю, что нет никакого объяснения, необходимые для этого. Более того. Сценарий очень прост. Если вы знаете немного javascripting, вы можете изменить сценарий, чтобы получить никакого значения отображаются. Для, например, если вы хотите трех знаков после запятой будет отображаться ... просто настроить сценарий, как показано ниже ...

если (isFractional) {если (х <= 5 | | х> = 0) moostartval [я] = InnerHtml FormatNumber (х, 3);.} / / 2 меняется на 3
еще {moostartval [я] InnerHtml экскурсии, (х).

Обновление Рейтинг Значение:
Я нету беспокоить написания сценариев AJAX для обновления Рейтинги значение, потому что я знаю из своего опыта, что не всегда делают это намерены пересматривать или обновлять РЕЙТИНГ как только пользователь что-то ставок. Вы вольны делать все, что вы хотите с номинального значения, обновление с помощью AJAX или предложить его или установить скрытое значение поля формы, которые будут представлены со всей форме и т.д.

Функция updateRating (ID, рейтинг) {
/ / Оповещения (ID + "," + рейтинг);
/ / Сделать что-то с РЕЙТИНГ
}

Существует функция в JavaScript под названием "updateRating". Эта функция была передана идентификатор Рейтинг Div, чтобы определить, какие рейтинги (если есть более одной оценки на странице) был обновлен и значение рейтинга [updateRating (ID, рейтинг)]. Вы можете выбрать все, что вы хотите с этими ценностями, как я упоминал ранее.

Рейтинг фотографии: звезды, сердца, бары и все, что угодно
Изменение рейтинга любого из вышеуказанных типов (звезды, сердца и т.д.) очень проста. Просто создайте изображение, похожее на входящий в комплект поставки и поместите его дюйма Помните, если вы измените имя образа, не внести необходимые изменения в файле CSS, см. ниже.

. Moostar {маржа: 0px; обивка: 0px; переполнение: скрытый, ширина: 84px высота: 20px; float: left; фон: URL ('stars.gif) повторите-х;}
. Moostar промежуток {float: left; края: 0px; обивка: 0px; дисплей: блок, ширина: 84px высота: 20px; текст-отделка: нет; текст-indent:-9000px, г-индекс: 20;}
.. Moostar вал {фон: URL ('stars.gif) оставил 25px;}

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

Требования: Mootools 1.2
Скачать Mootols Категория сценарий (Скачано 716 раз)


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

NDK дома | Выражая IT | Выражая неба | Выражая Penmenship | Выражая трепет | выразить себя