Ein einfaches System zur Bewertung mit Sternchen

Um ein Bild, einen Text oder einen Kommentar zu bewerten, benötigt man ein sogenanntes Voting-Script.
Wer aber gänzlich auf JavaScript oder ähnliches verzichten möchte, wird im Internet nur sehr schwer
geeignete Scripte finden können.

Hier stelle ich ein Standalone-Script vor, wie es einfacher im Aufbau kaum sein kann. Es ist beliebig ausbaufähig und und wird in dieser Version in Verbindung mit einer Datenbank-Tabelle verwendet.
Zur Bewertung von Bildern etc. müssen die entsprechenden Datenbank-Tabellen mit den beiden Feldern "voting" und "stimmen" erweitert werden.

Für das Voting-Script muß die bestehende CSS-Datei wie folgt erweitert werden :

Und hier nun das Standalone-Script. Es beinhaltet sowohl die Anzeige der Bewertung als auch das Formular, um die Bewertung einzugeben.

voting.php

<?php
// Zugangs-Account zur Datenbank
$db_host = "dein_hoster";
$db_root = "dein_root";
$db_pass = "dein_passwort";
$db_name = "dein_db-name";

// Struktur der Tabelle
$db_create = "
CREATE TABLE `sternen_voting` (
`id` MEDIUMINT( 11 ) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`voting` MEDIUMINT( 11 ) NOT NULL ,
`stimmen` MEDIUMINT( 11 ) NOT NULL 
) ENGINE = MYISAM ;
";

// Verbindung zur Datenbank aufbauen
if ($_SERVER['SERVER_NAME'] == 'localhost') 
  { 
  //Verbindung offline unter XAMPP
  mysql_connect("localhost","root","") or die(mysql_error()); 
  }
else 
  { 
  //Verbindung online auf dem Server
  mysql_connect($db_host,$db_root,$db_pass) or die(mysql_error()); 
  }
mysql_select_db($db_name);

// Abfrage, ob Tabelle existiert ... wenn nicht, neu anlegen
$table_abfrage = mysql_query("SHOW TABLES LIKE 'sternen_voting'") or die (mysql_error());
$table_result = mysql_num_rows($table_abfrage);
if ($table_result == 0) { mysql_query($db_create) or die (mysql_error()); }

// Tabellen-Inhalt abfragen
$sqlabfrage = "SELECT * from sternen_voting";
$ergebnis = mysql_query($sqlabfrage) or die(mysql_error());
$datensatz = mysql_fetch_array($ergebnis);
$voting = $datensatz["voting"];
$stimmen = $datensatz["stimmen"];

if(isset($_POST["submit"]))
  {
  //Formular abgeschickt
  $voting_new = $_POST["voting_new"];
  $voting = $voting + $voting_new;
  $stimmen++;
  $sqlupdate = "UPDATE sternen_voting Set voting='$voting', stimmen='$stimmen'";
  mysql_query($sqlupdate, $dbconn) or die(mysql_error());
  header("Location: voting.php");
  }

if ($stimmen == 0) { $sterne = "0"; }
else { $sterne = $voting / $stimmen; }
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
 <meta http-equiv="Content-Type" content="Text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta name="robots" content="index,nofollow" />
  <title>Bewertungs-System</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<form id="vote_rahmen" method="post" action="voting.php">
  <div class="rating_bar" style="float: left; margin-top: 5px;">
    <div style="width: <?php echo $sterne; ?>%;"></div>
  </div>
  (Stimmen = <?php echo $stimmen; ?>)  
  <input name="voting" type="submit" value="Bild bewerten" />
  <table id="vote_tabelle">
    <tr>
      <td class="vote_text">Wieviel Sterne</td>
      <td class="vote_sterne">0</td>
      <td class="vote_sterne">1</td>
      <td class="vote_sterne">2</td>
      <td class="vote_sterne">3</td>
      <td class="vote_sterne">4</td>
      <td class="vote_sterne">5</td>
    </tr>
    <tr>
      <td class="vote_text">wollt ihr geben ?</td>
      <td><input type="radio" name="voting_new" value="0" /></td>
      <td><input type="radio" name="voting_new" value="20" /></td>
      <td><input type="radio" name="voting_new" value="40" /></td>
      <td><input type="radio" name="voting_new" value="60" /></td>
      <td><input type="radio" name="voting_new" value="80" /></td>
      <td><input type="radio" name="voting_new" value="100" /></td>
    </tr>
  </table>
</form>
</body>
</html>

Eine Online-Demo kann man hier ansehen.

Das komplette Script steht hier zum Download bereit.

Zurück zur Übersicht