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 type of <input> creates input fields that should contain a numeric value?
type="text" type="number" type="date"
<input type="number" name="points" min="5" max="80" />
Which CSS property allows to change the transparency of an element?
font-style opacity color
#id {
  filter:alpha(opacity=40);    /* for IE */
  opacity:0.4;
}
Click on the function that formats a number to specified number of characters.
toPrecision() exp() toFixed()
var num = 12.34567;
alert( num.toPrecision(3) );       // 12.3
Which function randomizes the order of the elements into an array?
natsort() shuffle() sort()
$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
shuffle($lang);
var_export($lang);     // array (0=>"coursesweb.net", 1=>"PHP", 2=>"JavaScript")
Ajax-PHP Rating Stars Script

Last accessed pages

  1. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (48019)
  2. Check and Validate input field when loses focus, with PHP via Ajax (5064)
  3. Ajax-PHP File Manager (6525)
  4. Send POST data with file_get_contents (1172)
  5. PHP getElementById and getElementsByTagName (37218)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (775)
  2. Contact page - CoursesWeb (745)
  3. Tabs effect with CSS (743)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (303)
  5. Insert, Select and Update NULL value in MySQL (276)