Eenvoudige Cross Browser Waardering Script voor Mootools
MooRating is een eenvoudige (cross browser, uiteraard omdat het gebruik maakt van de kracht van de MooTools bibliotheek), licht van gewicht en uitstekende Mootools gebaseerd waardering oplossing. Het is niet aangeduid als "sterren", simpelweg omdat de rating beeld zou kunnen zijn als u kiest (die ik heb gegeven Stars, Bars en Hearts met de download, maar u kunt uw eigen variatie en plaats hem in te maken).
Hoe het eruit ziet:
 | Mootools Score met verschillende afbeeldingen Bekijk de demo |
| Mootools rating met Percentage waarden Bekijk de demo | |
| Mootools rating met fractionele waarden Bekijk de demo |
Download Mootols Star Rating Script (gedownload 718 keer)
Waardering gegevens: Geheel getal, Decimaal of percentage
Op dit moment het script is ontworpen om de classificatie van gegevens als geheel waarden (1,2,3,4,5), in decimalen (1,24, 3,45 enz.) of in procenten (12%, 55% etc) te laten zien. De keuze om de gegevens in een van de genoemde formaten te tonen kan eenvoudig worden ingesteld door het veranderen van bepaalde vlaggenstaten waarden binnen de javascript (moorating.js)
In principe zijn er twee e twee vlaggen om mee te spelen, voor het weergeven van waarden in het formaat van uw keuze ...
var inpercent = false; / / Zet deze vlag op true, als u percentages weer te geven
var isFractional = false / / Stel dat dit waar, als je wilt fractionele waarden zoals 1,24, 1,25, 4,56 in plaats van 1,2 ... 5
En ik denk niet dat er enige uitleg nodig. Bovendien is. Het script is zeer eenvoudig. Als u weet dat een beetje javascripting, kunt u het script om elke vorm van de weergegeven waarde te krijgen. Voor bijvoorbeeld als je wilde op drie decimalen nauwkeurig weer te geven ... net tweak het script zoals hieronder ...
if (isFractional) {als (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3).} / / 2 wordt veranderd tot 3
else {moostartval [i] innerHTML = Math.round (x).;
Actualisering Waardering Waarde:
Ik havent last van het schrijven van een AJAX-scripts voor het bijwerken van de op ratings waarde, want ik weet uit ervaring dat niet altijd doen zij van plan om de RATING bijwerken zodra de gebruiker de tarieven iets. U bent vrij om wat je wilt doen met de nominale waarde, bijwerken met behulp van AJAX of legt zij of Stel een verborgen formulierveld waarde, te worden ingediend met het gehele formulier etc.
functie updateRating (id, rating) {
/ / Alert (id + "," + rating);
/ / Doe wat met de beoordeling
}
Er is functie in de javascript genaamd "updateRating". Deze functie is geslaagd voor de de ID van de Rating Div, te identificeren met betrekking tot die ratings (als er meer dan een score op de pagina) is bijgewerkt en de waarde van de rating [updateRating (id, rating)]. Je zou kunnen kiezen om wat je wilt met deze waarden, zoals ik al eerder.
Waardering Afbeelding: sterren, harten, Bars of wat je wilt
Veranderen van de beoordeling naar een van de bovenstaande soorten (sterren, harten etc) is zeer eenvoudig. Je maakt gewoon een afbeelding lijkt op voorwaarde dat het een en inch Het Vergeet niet te laten vallen, als u de naam van de afbeelding, maken wel de nodige wijzigingen in de CSS-bestand, zie hieronder.
. Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px; height: 20px; float: left; achtergrond: url ('stars.gif') repeat-x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; width: 84px; height: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') links 25px;}
De meeste beoordelingen widgets te gebruiken ster en halve ster beelden met muis over gebeurtenissen op elke ster. Moo Ratings maakt gebruik van een eenvoudige sprite afbeelding als achtergrond afbeelding op de gewenste visuele effecten met een zeer lage overhead te bereiken.
Vereisten: Mootools 1.2
Download Mootols Star Rating Script (gedownload 718 keer)
