Dashboard sipadu mbip
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

rating.js 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. 'use strict';
  2. $(document).ready(function() {
  3. function ratingEnable() {
  4. $('#example-1to10').barrating('show', {
  5. theme: 'bars-1to10'
  6. });
  7. $('#example-movie').barrating('show', {
  8. theme: 'bars-movie'
  9. });
  10. $('#example-movie').barrating('set', 'Mediocre');
  11. $('#example-square').barrating('show', {
  12. theme: 'bars-square',
  13. showValues: true,
  14. showSelectedRating: false
  15. });
  16. $('#example-pill').barrating('show', {
  17. theme: 'bars-pill',
  18. initialRating: 'A',
  19. showValues: true,
  20. showSelectedRating: false,
  21. allowEmpty: true,
  22. emptyValue: '-- no rating selected --',
  23. onSelect: function(value, text) {
  24. alert('Selected rating: ' + value);
  25. }
  26. });
  27. $('#example-reversed').barrating('show', {
  28. theme: 'bars-reversed',
  29. showSelectedRating: true,
  30. reverse: true
  31. });
  32. $('#example-horizontal').barrating('show', {
  33. theme: 'bars-horizontal',
  34. reverse: true,
  35. hoverState: false
  36. });
  37. $('#example-fontawesome').barrating({
  38. theme: 'fontawesome-stars',
  39. showSelectedRating: false
  40. });
  41. $('.rating-star').barrating({
  42. theme: 'css-stars',
  43. showSelectedRating: false
  44. });
  45. $('#example-bootstrap').barrating({
  46. theme: 'bootstrap-stars',
  47. showSelectedRating: false
  48. });
  49. var currentRating = $('#example-fontawesome-o').data('current-rating');
  50. $('.stars-example-fontawesome-o .current-rating')
  51. .find('span')
  52. .html(currentRating);
  53. $('.stars-example-fontawesome-o .clear-rating').on('click', function(event) {
  54. event.preventDefault();
  55. $('#example-fontawesome-o')
  56. .barrating('clear');
  57. });
  58. $('#example-fontawesome-o').barrating({
  59. theme: 'fontawesome-stars-o',
  60. showSelectedRating: false,
  61. initialRating: currentRating,
  62. onSelect: function(value, text) {
  63. if (!value) {
  64. $('#example-fontawesome-o')
  65. .barrating('clear');
  66. } else {
  67. $('.stars-example-fontawesome-o .current-rating')
  68. .addClass('hidden');
  69. $('.stars-example-fontawesome-o .your-rating')
  70. .removeClass('hidden')
  71. .find('span')
  72. .html(value);
  73. }
  74. },
  75. onClear: function(value, text) {
  76. $('.stars-example-fontawesome-o')
  77. .find('.current-rating')
  78. .removeClass('hidden')
  79. .end()
  80. .find('.your-rating')
  81. .addClass('hidden');
  82. }
  83. });
  84. }
  85. function ratingDisable() {
  86. $('select').barrating('destroy');
  87. }
  88. $('.rating-enable').on('click',function(event) {
  89. event.preventDefault();
  90. ratingEnable();
  91. $(this).addClass('deactivated');
  92. $('.rating-disable').removeClass('deactivated');
  93. });
  94. $('.rating-disable').on('click',function(event) {
  95. event.preventDefault();
  96. ratingDisable();
  97. $(this).addClass('deactivated');
  98. $('.rating-enable').removeClass('deactivated');
  99. });
  100. ratingEnable();
  101. });