Simple кръст Script на браузъра рейтинг За MooTools

MooRating е прост (кръстосана браузър, разбира се, тъй като използва силата на MooTools библиотеката), лек и отлично MooTools рейтинг решение. Тя не се обозначават като "звезди", просто защото изображението рейтинг може да бъде, колкото сте избрали съм предоставил звезди, Барове и сърцата с изтеглянето, но можете да създадете свой собствен разнообразие и просто да го пуснете.

Как изглежда така:

Оценка на MooTools с различни изображения видите демонстрация
Оценка на MooTools с процентни стойности видите демонстрация
На MooTools Оценка Дробни стойности видите демонстрация

Изтегляне Mootols звезди Script (Свалено 718 пъти)

Рейтинг данни: цяло число, след десетичната запетая или процент
В момента сценария е предназначено да показва данни за кредитен рейтинг като цели стойности (1,2,3,4,5), в знак след десетичната запетая (1,24, 3,45 и т.н.) или в проценти (12%, 55% и т.н.). Изборът да показвате данни в някоя от споменатите формати могат да бъдат настроени просто чрез промяна на някои флага ценности в рамките на JavaScript (moorating.js)
Съществуват две електронни две знамена, за да играе с, за показване на стойности във формат по ваш избор ...

VAR inpercent = False; / / Задаване на знамето да е истина, ако имате нужда от процентни стойности, които да бъдат показани
VAR isFractional = FALSE / / Задайте това да е истина, ако искате част от ценности като 1,24, 1,25, 4,56, а от 1,2 ... 5

И аз не мисля, че има някакво обяснение, необходими за това. Нещо повече. Сценарият е много проста. Ако знаете малко javascripting, бихте могли да модифицирате скрипта, за да получите каквато и да е на показаната стойност. Защото например, ако искаш три знака след десетичната запетая, да се показва ... просто ощипвам скрипта по-долу ...

ако (isFractional) {ако (X <= 5 | | х> = 0) moostartval [I] innerHTML = formatNumber (X, 3);} / / 2 се променя до 3
друг {moostartval [I] innerHTML = Math.round (X).

Актуализиране Оценка стойност:
Аз пристанище притеснявана да запише каквото и AJAX скриптове, за актуализиране на Оценки стойност, защото знам от моя опит, че не винаги възнамерява да актуализира Оценката най-скоро нещо като потребител проценти. Вие сте свободни да правите каквото си искате с номинална стойност, актуализирайте го използвате AJAX, или да го представи или скрита стойност за областта форма, да бъде представена с целия формуляр и т.н.

на функция updateRating (ID, рейтинг) {
/ / Предупреждение (ID + "," + рейтинг);
/ / Направете каквото е с рейтинг
}

Има функция в JavaScript, наречена "updateRating". Тази функция е преминал ID на Оценка Div, да се идентифицират по отношение на рейтингите (ако има повече от една рейтинги на страницата) бе актуализиран и стойността на рейтинг [updateRating (ID, рейтинг). Можете да изберете каквото искате с тези стойности, както споменах по-рано.

Рейтинг на снимката: звезди, сърца, барове или каквото ви моля
Промяна на рейтинг на някоя от горепосочените видове (звезди, сърца и т.н.) е много проста. Просто създайте изображение, подобно на един и да го пуснете инча Не забравяйте, ако промените името на изображението, не направи необходимите промени в CSS файла, виж по-долу.

. Moostar {марж: 0px; подложка: 0px; препълване: скрит, широчина: 84px; височина: 20px; поплавъка: ляво; фон: URL ("stars.gif") многократно х;}
Moostar педя {поплавъка: ляво; марж: 0px; подложка: 0px; дисплей: блок; ширина: 84px; височина: 20px; текстови декорация: няма; текст-indent:-9000px; Z-индекс: 20;}
Moostar Curr {фон: URL ("stars.gif"), оставяли 25px;}

Повечето джаджи рейтинги използват звезда и половин-звездни изображения с мишката над събитията на всяка звезда. Moo Оценки използва проста Sprite изображението като фоново изображение, за постигане на необходимите визуални ефекти с много ниски режийни.

Изисквания: MooTools 1.2
Изтегляне Mootols звезди Script (Свалено 718 пъти)


Вашият коментар

НДК начало | Изразявайки | Изразявайки Вкус | Изразявайки Penmenship | Изразявайки страхопочитание | Изразяване на себе си