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

Tipped – jQuery Tooltips Tooltips sind eine coole Sache um schnell kurze Informationen dem Benutzer zukommen zu lassen, normalerweise schlage ich die mit den jQuery Tools tod,...
Favicon mit Javascript austauschen Nach meiner bescheidenen Meinung sind Favicons innerhalb einer Webanwendung die Elemente, denen die wenigste Beachtung geschenkt wird. Ich habe ja sch...
Animierte Sprites in jQuery ohne Flash Ich gebe zu das ich ein echter Fan von vektorbasierenden Blog-Headern bin. Noch cooler wäre es allerdings, wenn die Teile animiert wären, dafür gäbe e...
Starke Passwörter mit jQuery Ich hatte ja erst unlängst auf ein Tutorial zum Thema Passwortstärke hingewiesen, das Thema wird immer wichtiger da der Benutzer es von sich aus nicht...

2 Kommentare

  • 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

  • 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