I was looking for a simple star rating system in jQuery for Bootstrap and that uses FontAwesome icons, but seems there's no one.
So I've made this one :)
Include the javascript file
<script type="text/javascript" src="bootstrap-fa-star-rating.js"></script>
Add this javascript:
$(document).ready(function() {
$("#rating").rating({
rate: 3.71, // Start to show this rates when page loads
total: 7, // Number of total votes
stars: 5, // Number of stars
readOnly: false,
// You can translate in your language
textVote: "rate",
textVotes: "rates",
readOnlyMessage: "If you want to rate please login",
readOnlyLink: "./Login"
}, function(selected) {
// Insert here an ajax call to save the user selection
alert("Your rate is " + selected + "!");
});
});
Then insert this tag to your html file
<div id="rating"></div>
That's it!