This is a script to add a Rating System (with 5, 7 or 10 Stars) to rate images, articles, videos, games, or any element in pages of your web site.
This Stars Rating Script uses Ajax technology, with JavaScript and PHP (with OOP), it can be included in any page (".html", or ".php"), but the server must run PHP.
The rating data can be saved in TXT files on the server, SQLite database, or in a MySQL database (using PDO).
The rated item, the number of the day, and the user (name or IP) are saved on the server, also in cookies, so, the user /visitor can rate again the next day.
You can use the script to add rating system to one or more elements in a web page.
If you have a register /login script in your web site, you can set this Rating Script to allow only the logged users to rate. By default, all the visitors can rate an element once to 24 hours.

• To Download it, click: Ajax-PHP Rating Stars Script.

- The script has 4 versions:


- Details about Installation and Settings you'll find in a "readme.html" file, in the archive with the script.
• It is indicated to put the script in the root directory of you website. If you copy it into a subfolder, see the instructions below.


In the archive with this script there is another zip archive (rating_stars_script_set_time.zip) with files that can be used to set various times in which the user can rate the items. For more details, see the instructions from the Other settings category in the readme.html page.

Demo, version with 5 stars and 5 numbers to rate

- Move the cursor over the stars, and click to rate the following images:
Test Rating Script
Test Rate Script.
Rate Dolphin
Star Rating Script.

• If the rating data are saved in MySQL or SQLite database:
To create a list which ranks the score of multiple voted items, based on highest rating, perform a MySQL Select in the "rtgitems" table. This table stores the voted items (in "item" column), points (in "totalrate" column), and number of votes (in "nrrates" column).
Example:
SELECT `item`, (`totalrate` / `nrrates`) AS `rank` FROM `rtgitems` ORDER BY (`totalrate` / `nrrates`) DESC LIMIT 10

• If you want to use this Rating Script in pages that are in different folders, and the current settings not works, open the "ratings.js" file (in "ratingfiles" directory), and replace this code:
obajx.open("post", '/ratingfiles/ratings.php', true);

With this line of code (to use the absolute path to the "ratings.php" file):
obajx.open("post", 'http://'+ document.domain +'/ratingfiles/ratings.php', true);

If the "ratingfiles" folder is not in Root, delete the beginning "/":
obajx.open("post", 'ratingfiles/ratings.php', true);

Or, add the sub-folder name, with '/' from root::
obajx.open("post", '/subfolder/ratingfiles/ratings.php', true);

- Also, be sure to have in each page the correct path to the "ratings.css", and "ratings.js" files, included in the HTML code.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is used in <table> to create table header cell?
<thead> <th> <td>
<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>
Which CSS property sets the distance between lines?
line-height word-spacing margin
.some_class {
  line-height: 150%;
}
Which function opens a new browser window.
alert() confirm() open()
document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}
Indicate the PHP function that returns an array with names of the files and folders inside a directory.
mkdir() scandir() readdir()
$ar_dir = scandir("dir_name");
var_export($ar_dir);
Ajax-PHP Rating Stars Script

Last accessed pages

  1. Contact page - CoursesWeb (27713)
  2. Tabs effect with CSS (28385)
  3. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (34999)
  4. Node.js Move and Copy Directory (5888)
  5. Create simple web site (306)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1801)
  2. Contact page - CoursesWeb (1756)
  3. Tabs effect with CSS (1750)
  4. PHP getElementById and getElementsByTagName (827)
  5. Get Attribute (ID, Class, Name, Title, Src) with jQuery (702)