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

Bacon.js – Bezier-Kurven für Texte Das Leben eines Webworkers ist nicht einfach, vor allem dann wenn man einem Kunden erklären muss, dass ein Bild mit Transparenz - auch wenn es dreimal...
10 nette jQuery Snippets jQuery ist schön, jQuery ist nett und dankenswerterweise geht eine Menge mit Copy&Paste. Was manche an dieser Stelle allerdings als Segen betracht...
Nokia Maps API mit jQuery Eine Landkarte online zu bringen bedeutet nicht zwingend Google Maps, sondern es gibt auch noch andere Systeme. Nokia Maps ist eines dieser Systeme un...
Passwortstärke mit Javascript Anzeigen Es gibt doofe Passwörter, wie zum Beispiel das Wort passwort, und es gibt relativ gute Passwörter, wie zum Beispiel p4$$w0r7, und es gibt noch bessere...

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.