Einfache Cross-Browser-Rating Script für Mootools
MooRating ist eine einfache (Cross-Browser, natürlich, wie es die Macht der MooTools-Bibliothek verwendet), geringes Gewicht und exzellente Mootools basiert Rating Lösung. Es wird nicht als "Star Rating" bezeichnet, weil die Rating-Bild könnte, wie Sie wollen (ich habe Sterne, Bars und Herzen mit dem Download zur Verfügung gestellt, aber Sie können Ihre eigene Vielfalt zu schaffen und einfach hineinfallen lassen).
Wie funktioniert das wie folgt aussieht:
 | Mootools Bewertung mit unterschiedlichen Bildern Demo anzeigen |
| Mootools Bewertung mit Prozentwerten Demo anzeigen | |
| Mootools Bewertung mit Gebrochene Werte Demo anzeigen |
Herunterladen Mootols Star Rating Script (Downloaded 716 times)
Bewertung von Daten: Ganze Zahl, Dezimal oder Prozent
Derzeit wird das Skript entwickelt, um die Rating-Daten als Ganzes Werte (1,2,3,4,5), in Dezimalzahlen (1,24, 3,45 usw.) oder in Prozenten (12%, 55% usw.) zu zeigen. Die Wahl, um Daten in einem der genannten Formate zeigen, kann durch einfaches Ändern einiger Flag-Werte innerhalb der Javascript (moorating.js) eingestellt werden
Grundsätzlich gibt es zwei E zwei Flaggen mit zu spielen, für die Anzeige von Werten im Format Ihrer Wahl ...
var inpercent = false; / / Setzen Sie dieses Flag auf true, wenn Sie Prozentwerte angezeigt werden müssen
var isFractional = false / / Stellen Sie dies auf true, wenn Sie gebrochene Werte wie 1,24, 1,25, 4,56 anstatt 1,2 ... 5 wollen
Und ich glaube nicht, dass es irgendeine Erklärung dafür erforderlich. Außerdem. Das Skript ist sehr einfach. Wenn Sie ein wenig JavaScripting wissen, könnten Sie das Skript ändern, um jede Art von Wert angezeigt bekommen. Für z. B. wenn Sie drei Dezimalstellen angezeigt werden wollte ... nur zwicken Sie das Skript als unten ...
wenn (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] = innerHTML formatNumber (x, 3);.} / / 2 geändert Anspruch 3
else {moostartval [i] innerHTML = Math.round (x).;
Aktualisieren Bewertung Value:
Ich schreibe keine Mühe havent AJAX-Skripte für die Aktualisierung der Ratings Wert, weil ich aus meiner Erfahrung weiß, dass nicht immer in der es um die RATING, sobald der Benutzer etwas Preise aktualisieren wollen. Sie sind frei zu tun was du willst mit dem Nennwert, aktualisieren Sie mit AJAX oder Submit es oder legen Sie ein Hidden Formular Feld Wert, um mit der gesamten Form usw. eingereicht werden
Funktion updateRating (id, Rating) {
/ / Alert (id + "," + Rating);
/ / Irgendwas mit dem Rating
}
Es gibt in der JavaScript-Funktion namens "updateRating". Diese Funktion wurde mit dem Sie die ID des Div Bewertung geführt, um zu identifizieren, welche Bewertungen (wenn es mehr, dass eine Bewertung auf der Seite) aktualisiert wurde und der Wert der Bewertung [updateRating (id, Rating)]. Sie könnten, was Sie wollen mit diesen Werten zu wählen, wie ich bereits erwähnt.
Bewertung Bild: Sterne, Herzen, Bars oder was Ihnen gefällt
Änderung der Bewertung zu einer der oben genannten Typen (Sterne, Herzen usw.) ist sehr einfach. Erstellen Sie einfach ein Bild ähnlich dem zur Verfügung gestellt und legen Sie es in. Denken Sie daran, wenn Sie den Namen des Bildes ändern, müssen die notwendigen Veränderungen in der CSS-Datei, siehe unten.
. Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px; height: 20px; float: left; background: 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;}
Die meisten Bewertungen Widgets zu nutzen und die Hälfte Sterne-Sterne-Bilder mit der Maus über die Ereignisse auf jedem Stern. Moo Ratings verwendet ein einfaches Sprite Bild als Hintergrundbild die gewünschten visuellen Effekte mit einem sehr geringen Aufwand zu erreichen.
Anforderungen: Mootools 1.2
Herunterladen Mootols Star Rating Script (Downloaded 716 times)
