initial
This commit is contained in:
+123
@@ -0,0 +1,123 @@
|
||||
$(function() {
|
||||
function ratingEnable() {
|
||||
$('#example-1to10').barrating('show', {
|
||||
theme: 'bars-1to10'
|
||||
});
|
||||
|
||||
$('#example-movie').barrating('show', {
|
||||
theme: 'bars-movie'
|
||||
});
|
||||
|
||||
$('#example-movie').barrating('set', 'Mediocre');
|
||||
|
||||
$('#example-square').barrating('show', {
|
||||
theme: 'bars-square',
|
||||
showValues: true,
|
||||
showSelectedRating: false
|
||||
});
|
||||
|
||||
$('#example-pill').barrating('show', {
|
||||
theme: 'bars-pill',
|
||||
initialRating: 'A',
|
||||
showValues: true,
|
||||
showSelectedRating: false,
|
||||
allowEmpty: true,
|
||||
emptyValue: '-- no rating selected --',
|
||||
onSelect: function(value, text) {
|
||||
alert('Selected rating: ' + value);
|
||||
}
|
||||
});
|
||||
|
||||
$('#example-reversed').barrating('show', {
|
||||
theme: 'bars-reversed',
|
||||
showSelectedRating: true,
|
||||
reverse: true
|
||||
});
|
||||
|
||||
$('#example-horizontal').barrating('show', {
|
||||
theme: 'bars-horizontal',
|
||||
reverse: true,
|
||||
hoverState: false
|
||||
});
|
||||
|
||||
$('#example-fontawesome').barrating({
|
||||
theme: 'fontawesome-stars',
|
||||
showSelectedRating: false
|
||||
});
|
||||
|
||||
$('#example-css').barrating({
|
||||
theme: 'css-stars',
|
||||
showSelectedRating: false
|
||||
});
|
||||
|
||||
$('#example-bootstrap').barrating({
|
||||
theme: 'bootstrap-stars',
|
||||
showSelectedRating: false
|
||||
});
|
||||
|
||||
var currentRating = $('#example-fontawesome-o').data('current-rating');
|
||||
|
||||
$('.stars-example-fontawesome-o .current-rating')
|
||||
.find('span')
|
||||
.html(currentRating);
|
||||
|
||||
$('.stars-example-fontawesome-o .clear-rating').on('click', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
$('#example-fontawesome-o')
|
||||
.barrating('clear');
|
||||
});
|
||||
|
||||
$('#example-fontawesome-o').barrating({
|
||||
theme: 'fontawesome-stars-o',
|
||||
showSelectedRating: false,
|
||||
initialRating: currentRating,
|
||||
onSelect: function(value, text) {
|
||||
if (!value) {
|
||||
$('#example-fontawesome-o')
|
||||
.barrating('clear');
|
||||
} else {
|
||||
$('.stars-example-fontawesome-o .current-rating')
|
||||
.addClass('hidden');
|
||||
|
||||
$('.stars-example-fontawesome-o .your-rating')
|
||||
.removeClass('hidden')
|
||||
.find('span')
|
||||
.html(value);
|
||||
}
|
||||
},
|
||||
onClear: function(value, text) {
|
||||
$('.stars-example-fontawesome-o')
|
||||
.find('.current-rating')
|
||||
.removeClass('hidden')
|
||||
.end()
|
||||
.find('.your-rating')
|
||||
.addClass('hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function ratingDisable() {
|
||||
$('select').barrating('destroy');
|
||||
}
|
||||
|
||||
$('.rating-enable').click(function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
ratingEnable();
|
||||
|
||||
$(this).addClass('deactivated');
|
||||
$('.rating-disable').removeClass('deactivated');
|
||||
});
|
||||
|
||||
$('.rating-disable').click(function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
ratingDisable();
|
||||
|
||||
$(this).addClass('deactivated');
|
||||
$('.rating-enable').removeClass('deactivated');
|
||||
});
|
||||
|
||||
ratingEnable();
|
||||
});
|
||||
Reference in New Issue
Block a user