Enkel Cross Browser Betyg Skript för Mootools

MooRating är en enkel (kors webbläsare, naturligtvis eftersom den använder kraften i MooTools biblioteket), lätta och utmärkt Mootools baserat rating lösning. Det är inte betecknas som "Star Rating", helt enkelt därför kunde rating bilden vara som du väljer (jag har lämnat Stars, barer och hjärter med hämtningen, men du kan skapa din egen sort och bara släpp den i).

Hur ser det ut:

MooTools Betyg olika bilder Visa demo
MooTools Betyg med procentuella värden Visa demo
MooTools Betyg med Bråk värden Visa demo

Ladda Mootols Star Rating Script (Nedladdat 716 gånger)

Betyg data: heltal, decimal eller procent
För närvarande skriptet är utformad för att visa betyg data som hela värden (1,2,3,4,5), i decimaler (1,24, 3,45 mm) eller i procent (12%, 55% etc). Valet att visa data i något av de nämnda format kan ställas in helt enkelt genom att ändra några flagga värden inom JavaScript (moorating.js)
I princip finns det två e två flaggor att leka med, för att visa värden i det format du önskar ...

var inpercent = false; / / Ställ flaggan till true om du behöver procentuella värden som ska visas
var isFractional = false / / Ställ till true om du vill bråktal som 1,24, 1,25, 4,56 i stället för 1,2 ... 5

Och jag tror inte det finns någon förklaring krävs för detta. Dessutom. Skriptet är mycket enkel. Om du vet lite javascripting, kan du ändra skriptet att få någon form av visat värde. För t.ex. om du ville tre decimaler som ska visas ... bara justera skriptet som nedan ...

if (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3),.} är / / 2 ändras till 3
else {moostartval [i] innerHTML = Math.round (x).

Uppdatering Betyg Värde:
Jag har icke brytt skriva några AJAX skript för att uppdatera Ratings värdet, eftersom jag vet av min erfarenhet att inte alltid för avsikt att uppdatera RATING så snart som användaren priser något. Du är fri att göra vad du vill med det nominella värdet, Uppdatera det med AJAX eller skicka det eller Ställ in ett dolt värde formulärfält som ska läggas fram med hela form etc.

Funktionen updateRating (id, rating) {
/ / Registrering (id + "," + rating);
/ / Gör vad åldersmärkning
}

Det är funktion i javascript som kallas "updateRating". Denna funktion har passerat ID för Rating Div, för att identifiera om vilka betyg (om det finns mer än en betyg på sidan) uppdaterades och värdet av behörigheten [updateRating (id, rating)]. Du kan välja att vad du vill med dessa värden, som jag nämnde tidigare.

Betyg Bild: stjärnor, hjärtan, Barer eller något du önskar
Ändra betyget för någon av de ovannämnda typerna (stjärnor, hjärtan etc.) är mycket enkel. Skapa bara en bild som liknar den som en och släpp in den Kom ihåg att om du ändrar namn på bilden, gör nödvändiga ändringar i CSS-fil, se nedan.

. Moostar {margin: 0px; padding: 0px; overflow: hidden, bredd: 84px; höjd: 20px; float: left; bakgrund: url ('stars.gif) repeat-x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; width: 84px; höjd: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar Curr {background: url ('stars.gif') kvar 25px;}

De flesta betyg widgets Använd stjärniga och halv-stjärniga bilder med musen över händelser på varje stjärna. Moo betyg använder en enkel sprite bild som en bakgrundsbild för att uppnå de nödvändiga visuella effekter med en mycket låg overhead.

Krav: Mootools 1,2
Ladda Mootols Star Rating Script (Nedladdat 716 gånger)


Lämna ett svar

NDK hem | Att uttrycka IT | uttrycka Palate | uttrycka Penmenship | uttrycka Awe | uttrycka mig