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 defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Ajax-PHP Rating Stars Script

Last accessed pages

  1. Get Duration of Audio /Video file before Upload (7280)
  2. JavaScript code and PHP (23459)
  3. html2canvas - Save page screenshoot on server (1146)
  4. querySelector and querySelectorAll (9185)
  5. PHP PDO - Select query, fetch (21562)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1828)
  2. Contact page - CoursesWeb (1757)
  3. Tabs effect with CSS (1750)
  4. Insert, Select and Update NULL value in MySQL (1031)
  5. PHP getElementById and getElementsByTagName (708)