Hier finden Sie eine Beschreibung, wie Sie auf recht einfache Weise eine Benutzer-Bewertung Ihrer Webseiten bekommen können.
Inhalt dieser Seite:
<script src="/rating/jquery.js" type="text/javascript" language="javascript"></script> <script src="/rating/autorating.js" type="text/javascript" language="javascript"></script> <div id="AutoRating"></div>
Wenn Sie die Schriftgrösse oder den Tabellen-Stil ändern möchten, fügen Sie bitte folgendes zwischen den script-Tags und dem div-Tag ein:
<style type="text/css">
div.ratingtext { font-size: 0.8em; }
table.autorating { }
tr.autorating { }
td.autorating { }
</style>
Hier dazu ein Beispiel.
Innerhalb des HTML-Head-Elements fügen Sie diese Tags ein:
<script src="/rating/jquery.js" type="text/javascript" language="javascript"></script> <script src='/rating/jquery.MetaData.js' type="text/javascript" language="javascript"></script> <script src="/rating/jquery.rating.js" type="text/javascript" language="javascript"></script> <script src="/rating/rating.js" type="text/javascript" language="javascript"></script> <link href="/rating/jquery.rating.css" type="text/css" rel="stylesheet"/>
Und irgendwo in Ihrer Webseite, wo Sie die "Sternchen" sehen wollen, fügen Sie diese Tags ein:
<form name="star1" action="/rating/rating.php">
<table>
<tbody>
<tr>
<td valign="top">
<div style="font-size:0.5em;">Ihre Bewertung</div>
<input name="star1" type="radio" value="1" class="autosubmit-hover-star" title="völlig unnütz"/>
<input name="star1" type="radio" value="2" class="autosubmit-hover-star" title="wenig brauchbar"/>
<input name="star1" type="radio" value="3" class="autosubmit-hover-star" title="ok"/>
<input name="star1" type="radio" value="4" class="autosubmit-hover-star" title="nützlich"/>
<input name="star1" type="radio" value="5" class="autosubmit-hover-star" title="sehr nützlich"/>
<div id="star1tip" style="font-size:0.5em"> </div>
</td>
<td valign="top">
<div style="font-size:0.5em;">Durchschnitt (<span id="star1count">0</span> Stimme(n), <span id="star1avarage">0</span> Stern(e))</div>
<input name="star1avarage" type="radio" value="1" class="autosubmit-hover-star-avarage" title="völlig unnütz" />
<input name="star1avarage" type="radio" value="2" class="autosubmit-hover-star-avarage" title="wenig brauchbar" />
<input name="star1avarage" type="radio" value="3" class="autosubmit-hover-star-avarage" title="ok" />
<input name="star1avarage" type="radio" value="4" class="autosubmit-hover-star-avarage" title="nützlich" />
<input name="star1avarage" type="radio" value="5" class="autosubmit-hover-star-avarage" title="sehr nützlich" />
</td>
</tr>
</tbody>
</table>
</form>
Die Werte in value dürfen nur >=0 sein.
Die title-Attribute und die Anzahl der input-Tags dürfen Sie nach belieben ändern.
Jedoch sollten die title- und value-Attribut-Werte von "Ihre Bewertung" und "Durchschnitt" synchron und letztere eindeutig gehalten werden.
Ein Beispiel gibt es natürlich auch.
Auf Serverseite werden keine IP-Adressen gespeichert. Damit aber jeder Benutzer nur einmal abstimmt, wird eine Cookie im Browser gesetzt, das ein Jahr lang gültig ist. Damit hat ein Benutzer die Möglichkeit, seine Bewertung zu revidieren bzw. zurückzuziehen. Es können jedoch keinerlei Rückschlüsse daraus gezogen werden, welcher Benutzer wie abgestimmt hat.