Tutorial Rating Stars Script - Bewertung ist nur 1 x alle 24 Stunden möglich

Diese Tutorial-Seite bewerten (1-10)

Hier könnt Ihr Euch die Skripte downloaden:

coursesweb.net

Ihr erhaltet die ZIP-Datei:

• rating_stars_script_ajax_php.zip

Bitte entpackt diese ZIP-Datei. Die Skripte werden für die Speicherung der Daten in .txt Dateien oder auch in einer MySQL-Datenbank angeboten.

Ich beschreibe hier die Variante Ajax-PHP zur Speicherung in .txt Dateien.

Es werden unterschiedliche Verzeichnisse nach dem Entpacken angeboten - mit maximal 5, 7 oder 10 Bewertungs-Punkten und 5-10 Sternen. Ich habe mich hier für die Variante mit maximal 10 Punkten bei 5 Sternen entschieden. Ihr findet nach dem Entpacken z.B. das Verzeichnis mit einer 10 Sterne-Bewertung hier:

• 10_Stars_rating_script

Öffnet dieses Verzeichnis und kopiert die beiden Ordner:

• ratingfiles
• ratingtxt

in das Verzeichnis, in dem Ihr das Rating anzeigen wollt, bei mir in das Stammverzeichnis und in das Verzeichnis “html” auf den Server.

Achtung:

Die Datei ‘ratings.js’ korrespondiert nicht mit der Datei ‘rollover.js’ von NOF, die die Rollover-Buttons von NOF darstellt.

Entweder hakt Ihr bei der Navigationsleiste die Option ‘Rollover’ ab und kopiert diese beide Verlinkungen in die HTML des Layouts ...

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags” einfügen

<link href="./ratingfiles/ratings.css" rel="stylesheet" type="text/css" />
<script src="./ratingfiles/ratings.js" type="text/javascript"></script>

... oder Ihr fügt, um die ‘rollover.js” zu verwenden, die Links im “Custom4” Bereich (unter der Datei ‘rollover.js’) ein. Dazu klickt Ihr unten links auf <> Code und fügt es dort ein.

<!-- [BEGIN Custom4] -->
<link href="./ratingfiles/ratings.css" rel="stylesheet" type="text/css" />
<script src="./ratingfiles/ratings.js" type="text/javascript"></script>
<!-- [END Custom4] -->

... achtet dabei auf die korrekte relative Pfadangabe zu den Verzeichnissen, oben mit 1 Punkt ./ für das gleiche Verzeichnis, da bei einer Verlinkung auf ein anderes Verzeichnis die CSS der Sterne nicht korrekt funktioniert.

Zieht Euch nun an der Stelle, wo das Rating angezeigt werden soll, ein Textfeld auf und fügt diese <div class> in den HTML-Code Editor des Textfeldes ein.

<div class="srtgs" id="rt_DeineObjektID"></div>

Wobei Ihr jedem Objekt oder auch einer gesamten Seite eine eigene ID geben müsst. Dort wo oben in der Class DeineObjektID steht, schreibt Ihr also z.B. rein Foto1.jpg oder Foto2.jpg oder Tutorialseite oder sonst irgend etwas. Keine ID darf doppelt vorkommen

Wollt Ihr die englischen Texte wie ‘Rate’ oder ‘Rating’ oder ‘votes’ in deutsche Texte ändern, dann öffnet noch mit Eurem Windows-Editor die Datei:

• ratings.js (im Verzeichnis ‘ratingfiles’)

Wollt Ihr die CSS ändern, wie z.B. die Breite vom Rating oder auch die Farben, dann öffnet die Datei:

• ratings.css (im Verzeichnis ‘ratingfiles’)

nach oben

Viel Spaß!