Like This Site? 
 
RSS Feed Follow Us 

on Twitter! Be Our Fan!

5 star rating system using jQuery, PHP and MySQL

Share this post!
 Vote this!

In this tutorial we will create a simple 5 star rating system using jQuery, MySQL, PHP and AJAX. We will use jQuery to highlight the star the mouse is over and the preceding stars, AJAX to send the vote to the server, PHP to process the vote and MySQL to store the vote.
 
The Basic Idea
This rating system will be able to highlight half-stars, too. Doing this using only CSS would be difficult, so we will use instead different background images for each possibility, and on mouse-over we will just change the background image. In this case appears an another problem: on changing the background we should wait for the new image to load, so instead of having a lot of different images we will combine the images in a single image and on mouse-over we will change the background position. more...

0 comments:

Post a Comment