Udtrykke det

MooRating er en simpel (cross browser, selvfølgelig, som det anvender den magt Mootools biblioteket), lette og fremragende Mootools baseret bedømmelse løsning. Det er ikke betegnes som "Star Rating", simpelthen fordi, kunne bedømmelse billedet være som du vælger (Jeg har givet Stjerner, Barer og hjerter med download, men du kan oprette din egen række og bare slippe det i).

Hvordan det ser ud:

	Mootools Rating med forskellige billeder Se demo
	Mootools Rating med procent-værdier Se demo
	Mootools Rating med Fractional værdier Se demo

Hent Mootols Stjernetildeling Script (Downloaded 718 gange)

Rating data: hele tal, Decimal eller Procent
I øjeblikket scriptet er designet til at vise rating-data, som hele værdier (1,2,3,4,5), i decimaler (1,24, 3,45 osv.) eller i procenter (12%, 55% osv.). Valget at vise data i nogen af ​​de nævnte formater kan indstilles ved blot at ændre nogle flag værdier i javascript (moorating.js)
Grundlæggende er der to e to flag at lege med, for at vise værdier i form af dit valg ...

var inpercent = false; / / Sæt dette flag til sand, hvis du har brug procentvise værdier, der skal vises
var isFractional = false / / Sæt denne til sand, hvis du ønsker brøkdele af værdier som 1,24, 1,25, 4,56 i stedet for 1,2 ... 5

Og jeg tror ikke der er nogen forklaring påkrævet for denne. Endvidere. Scriptet er meget simpelt. Hvis du kender lidt javascripting, kan du ændre scriptet til at få nogen form for viste værdi. For eksempel hvis du ønsker tre decimaler der skal vises ... blot at justere scriptet som nedenfor ...

if (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3);.} / / 2 ændres til 3
else {moostartval [i] innerHTML = Math.round (x).

Opdatering Rating Værdi:
Jeg har ikke generet skrive enhver AJAX-scripts til at opdatere Ratings værdi, fordi jeg ved fra min erfaring, at det ikke altid behøver det ikke agter at opdatere rating som snart brugeren satser noget. Du er fri til at gøre hvad du vil med den nominelle værdi, Opdater det ved hjælp af AJAX eller forelægger det eller indstille en skjult form field værdi, der skal indsendes med hele formularen osv.

Funktionen updateRating (id, rating) {
/ / Alert (id + "," + rating);
/ / Gør hvad med evaluering
}

Der er funktion i javascript kaldet "updateRating". Denne funktion er blevet passeret ID af Rating Div., for at identificere, hvilke vurderinger (hvis der er mere, at man ratings på siden) er blevet opdateret, og værdien af ​​den vurdering [updateRating (id, rating)]. Du kan vælge at hvad du vil med disse værdier, som jeg nævnte tidligere.

Rating Billede: Stjerner, hjerter, Barer eller noget du har lyst
Ændring af bedømmelse til nogen af ​​de ovennævnte typer (stjerner, hjerter osv.) er meget enkel. Du skal blot oprette et billede svarende til det medfølgende og slippe det i. Husk, hvis du ændrer navnet på billedet, skal du foretage de nødvendige ændringer i CSS-fil, se nedenfor.

. Moostar {margin: 0px; padding: 0px; overløb: skjult, bredde: 84px; højde: 20px; float: left; baggrund: url ('stars.gif') repeat-x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; bredde: 84px; højde: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') til venstre 25px;}

De fleste vurderinger widgets bruge stjerne og halv-stjernede billeder med musen over begivenheder på hver stjerne. Moo Ratings bruger en simpel sprite billede som et baggrundsbillede til at opnå den krævede visuelle effekter med en meget lav overhead.

Krav: Mootools 1.2
Hent Mootols Stjernetildeling Script (Downloaded 718 gange)