This time I will share jQuery Plugin and tutorial about Minimal Rating Input Plugin For jQuery – rating.js, hope it will help you in programming stack.
| File Size: | 3.32 KB |
|---|---|
| Views Total: | 2268 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A minimalist jQuery 5-star rating plugin which uses Font Awesome iconic font and any text input field. You can use this plugin for any purpose, commercial or private, without any further permission from the author.
How to use it:
1. Load the required Font Awesome for the rating symbols.
1 |
<link rel="stylesheet" href="/path/to/font-awesome.min.css"> |
2. Create a text box and specify the initial rating value in the value attribute:
1 |
<input type="text" value="3" id="ratingme" name="ratingme"/> |
3. Download and load the JavaScript file rating.js after jQuery library.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="rating.js"></script> |
4. Calling the plugin will transform the input field into a basic star rating system.
1 |
$('#ratingme').rating(); |
5. If you want to get the currently selected rating value.
1 |
$('#ratingme').val() |
This awesome jQuery plugin is developed by themaheshe. For more Advanced Usages, please check the demo page or visit the official website.
source : jqueryscript.net
