Star Rating mit jQuery jRating

Ich glaube die ersten die es hatten war Amazon, jene verteufelt einfache Möglichkeit einen Artikel ganz schnell mit einem bis fünf Sternen zu bewerten. Kurz darauf hatte es jeder und vor allem jeder irgendwie falsch ;) Der Trick an einem Rating ist ja (soweit es überhaupt möglich ist) die Betrugssicherheit. Bei Amazon geht es recht einfach, da die Bewertung an registrierte Benutzer gebunden ist. Verzichtet man darauf könnten böswillige Zeitgenossen genau dies beeinflussen.

Screenshot eines jRating Beispiels

jRating stellt via jQuery einen sehr einfachen Mechanismus zur Verfügung, um eine solche Sterne-Bewertung überhaupt erst mal einzubinden und anzuzeigen. Es ruft dann via JSON eine PHP auf, die die Bewertung speichert. Die beiliegende PHP stellt nur exemplarisch den Aufruf durch das Plugin dar, man muss also noch ein bisschen dran arbeiten.

Dazu gehört dann insbesondere das Speichern in MySQL und vor allen Dingen der Schutz vor Betrugsversuchen. Dennoch ist jRating ein System, das schnell und einfach ein beliebiges Star Rating aus dem Boden stampft, aber dennoch seine Tücken hat, denn unobstrusive ist etwas anderes ;) Sollte dies gewünscht sein, kann das Plugin dennoch als gute Grundlage für ein eigenes 5-Star-System herhalten.

Ähnliche Beiträge

Inline Labels für Formularfelder „Normalerweise sollte man“ die Beschriftung für ein Input-Field immer mit dem Tag
Die Selektoren von jQuery erweitern Ich bin über einen recht interessanten Artikel im Blog von James Padolsey gestolpert, der nachhaltig Arbeit einsparen kann, insofern man jQuery verwen...
HTML-Tables mit jQuery Ich hoffe ihr benutzt Tabellen nur noch zur Datenvisualisierung, und nicht mehr für das Design! ;) Aber zumindest dort sind sie unumgänglich. Dummerwe...
iOS Formulare mit jQuery Es gibt ja inzwischen einige Frameworks, die darauf basieren das man ein komplexes Javascript-Konstrukt verwendet - ähnlich einer Desktop-Anwendung - ...

2 Antworten auf „Star Rating mit jQuery jRating“

  1. Das ist ein hervorragendes Widget – sehr leicht einzusetzen. Zwar fehlen mir persönlich ein paar Optionen, wie das Disablen direkt per Html-Attribut und die Bewertung in halben Sternen, doch ist der Code zum Glück sehr leicht anzupassen.

    Größtes Nachteil von jRate ist der Umstand, dass die Sterne nicht transparent sind. Daher kann man diese nur vor einem opaken Hintergrund, vorzugsweise Weiss, einsetzen. Für Webseiten die mit Verläufen und Strukturen arbeiten ist es in dieser Form ungeeignet.

    Das wäre aber schade um das gute Plugin, denn ansonsten gefällt es mir sehr gut. Daher habe ich eine modifizierte Version erstellt, die Transparenzen unterstützt.

    Das ganze sieht so aus:
    http://www.maleska.de/tmp/code/jrate/transparent-jrate-plugin-shot.jpg

    Falls das noch jemand einsetzen mag, hier findet Ihr das Archiv mit dem neuen CSS-File und den transparenten Sternen:

    http://www.maleska.de/tmp/code/jrate/transparent-jrate-plugin-mod-files.rar

  2. Amazon verwendet es für Produkte. Es hilft also bei der Kaufentscheidung.
    In anderen Bereichen, wo ich kein Geld ausgibt, achtet man bestimmt nicht so darauf. Es wäre eher ein kleines Spielzeug.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.