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

Tutorials Spieleentwicklung in jQuery Wer den Blog fleissig verfolgt weiss ja, das ich mich auch ein wenig mit dem Thema Spieleentwicklung beschäftige. Man kann da bereits mit einfachen Mi...
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...
Besserer Redirect mit jQuery Bei jQuery4U bin ich auf einen Artikel aufmerksam geworden, der in seiner Logik nicht zu überbieten ist! :) Jeder von uns benutzt wohl ab und an die l...
knockout.js – was ist es, was kann es? Nicht zuletzt durch ein Tutorial bei tutsplus.com bin ich auf knockout.js aufmerksam geworden. Da inzwischen ein regelrechter Hype um das relative kle...

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