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.

Visit PhpDaddy.com

<?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

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