Nơi dành cho thành viên đăng các bài viết hoàn chỉnh hoặc các câu hỏi
Search
Statistics
Total online: 1
Guests: 1
Users: 0
Tạo đánh giá bằng jrating
14-05-2012, 9:31 PM
Trước tiên bạn cần download thư viện ở đây về.Trong file bạn download bao gồm thư viện javascript và css. Sau đó bạn copy vào để sử dụng. Bây giờ bạn tạo một trang để test thử.Ở đây tôi tạo một trang index.jsp để test:
<script type="text/javascript"> $('.jRating').jRating({ step : false, // cho phép lựa chọn nửa ngôi sao length : 5,// hiển thị 5 ngôi sao type: 'small'//chọn kiểu ngôi sao nhỏ,nếu bạn muốn có ngôi sao lớn hơn hãy bỏ dòng này }); </script> </html>
Ở phần head của trang html là phần khai báo đường dẫn cho file css và javascript. <div class="jRating" data="10_1"></div> : - Thẻ div với class="jRating" để hiển thị những ngôi sao. - Số 10 thể hiện số điểm cao nhất mà bạn có thể đánh giá. -
1 là id dùng để phân biệt các hàng đánh giá với nhau.Ví dụ bạn muốn
đánh giá nhiều bài khác nhau thì phải có nhiều id để phân biệt chúng với
nhau.
Để lấy được số điểm của mỗi lần đánh giá và dùng chúng để
tính toán thì bạn mởi file javascript "jRating.jquery.js" và tìm đến
hàng :
click : function(e){
- Hàm này thể hiện là khi bạn
click vào để đánh giá.Để lấy được điểm đánh giá và id bạn đã sử
dụng,bạn sử dụng biến "idbox" là biến của id và biến rate là điểm mà bạn
để đánh giá.
ví dụ: click : function(e){ $(this).unbind().css('cursor','default').addClass('jDisabled'); $("p.jRatingInfos").fadeOut('fast',function(){ $(this).remove(); }); e.preventDefault(); var rate = getNote(newWidth); average.width(newWidth); if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
