Next Prev

Multi Ajax Star Rating

Read more and download "Multi Ajax Star Rating"

This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. It is a major improvement on the previous version because it is now unobtrusive, meaning that if Javascript is off it will still work (although the page will refresh). You can also set the number of rating units you want to use (i.e. 4 stars, 5 stars, or 10 stars) on a rater to rater basis (see samples below or read the docs). A few other changes were made as well - see the docs for details. Note that this script isn't tied to any specific system (such as WordPress), so you should be able to adapt it to your situation without too much trouble.

Web 2.0 Box Generator

<?php require('_drawrating.php'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<base href="http://www.ajaxdaddy.com/ajax/ajax-star-rater/">
      <style type="text/css">
        body {color: white;background: #52616F;} 
        a {  color: white; }
      </style>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Multiple Ajax Star Rating Bars</title>

<script type="text/javascript" language="javascript" src="js/behavior.js"></script>
<script type="text/javascript" language="javascript" src="js/rating.js"></script>

<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/rating.css" />
</head>

<body>

<div id="container">
<h1>Unobtrusive AJAX Star Rating Bar</h1>

<h2>v 1.2.2, March 18, 2007</h2>

<p>Make sure to first check the <a href="readme.txt">Read Me</a> file and add your database info to the _config_rating.php file.</p>
	<br />
	
<?php echo rating_bar('id21',''); ?>
<?php echo rating_bar('id22',''); ?>
<?php echo rating_bar('id1',''); ?>
<?php echo rating_bar('2id',5); ?>
<?php echo rating_bar('3xx',6); ?>
<?php echo rating_bar('4test',8); ?>
<?php echo rating_bar('5560'); ?>
<?php echo rating_bar('66234','','static'); ?>
<?php echo rating_bar('66334',''); ?>
<?php echo rating_bar('63334',''); ?>

<br /><br />
<a href="http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/">(Unobtrusive) AJAX Star Rating Bar Homepage</a>

</div>

</body>
</html>

Comment on this example

Phil

2009-02-02 12:29:20

ive got this problem. Error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '-ratings.ratings WHERE id='id21'' at line 1

Sam

2008-12-30 08:51:46

I don't have this star rating script installed, but I have another that looks and works almost exactly the same. Isn't anybody else receiving TONS of spam ratings? Every day I get like 100 random spam ratings from an IP. I wish I had more talent in the Ajax department as I'd create a little pop-out bar or something with a mini captcha in it. What I've had to do is add another 'status' field to the MySQL table. It gets set to 0 by default. At 0 it is not factored into the rating. Then about once a week I go into PhpAdmin and delete all the phony looking entries (a slew of votes from the same IP on multiple items). What's more, I can't figure out what the benefit is to the spammer.

Josh

2008-12-09 21:46:16

any1 tried this on a framework?

Comment

2008-11-13 18:42:41

i have a problem its says this: Error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '-e_starrate.ratings WHERE id='id21'' at line 1

2008-11-04 15:23:34

Anyone know how I can include this on multiple records like a voting of random things in a db?

Qmg

2008-09-11 12:15:37

this script rocks!!

Sanketh

2008-01-22 20:57:07

how can i implement this code in our program

Matsuke

2007-11-26 14:12:29

its not a good example for a ie7, but it works perfect on firefox

Bestajaxscripts

2007-10-01 18:18:40

Lemon, are you moron, all example codes are above the demo ratings, closly :)

Lemon

2007-09-27 06:51:57

Good example but how can I get all example code.

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Multi Ajax Star Rating

Comment on this example