Ranking is a very rewarding process as it can provide significant support in the creation and promotion of websites and blogs. Anyway, it can look pretty pretty. Visitors can rate certain materials on the site or blog, be it articles, images, and so on. Today we're going to talk about a jQuery plugin that generates ratings. This plugin is called "jQuery Star Rating Plugin", it is very user-friendly and easy to use and does not require much effort to work with it. So let's try to create a rating on your site.
It is necessary
jQuery Star Rating Plugin plugin
Instructions
Step 1
Download the jQuery plugin online. Connect the plugin library and its files.
Step 2
Find the CSS file in the plugin archive and include it.
It looks like this:
Step 3
Create a group of radio buttons:
As a result, there will be as many stars as there are buttons.
Now you already have a fully functional plugin, but you can also customize it.
Step 4
To use fractional numbers (that is, so that the visitor can choose, for example, a rating of 4, 5). To do this, use the class attribute. Set it as:
class = "star {split: 2}"
where 2 is the number of parts into which you will divide the asterisk.
If you want a certain number of stars to be selected by default, then use the checked = "checked" attribute.
Step 5
To process and analyze the voting results, remember: the plugin changes the page layout, instead of radio buttons, a hidden field appears that will contain the voting results.
For the example above, this field will look something like this:
That, in general, is all. This is a really handy plugin that doesn't require a lot of effort to work with. Good luck creating your own rankings!
