Tạo đánh giá bằng jrating - Jsp/Servlet - Source code demo - AFgame
Wednesday, 28-09-2016, 2:35 AM
AFgame                                               

Chi sẻ kiến thức lập trình - Các demo và ứng dụng mở


Welcome Guest
Menu
Demo - HTML Hack [3]
Java - Swing [5]
Java - 2D Graphics [1]
Java - IO [3]
Java - Audio [1]
Java - Lập trình mạng [2]
Java - Trí tuệ nhân tạo [7]
Java - Lập Trình Nâng Cao [5]
Java - BT Lập trình mạng [6]
Java - Common [2]
C# [1]
Android [15]
Database [1]
Jsp/Servlet [5]
Application [1]
Tài liệu [3]
Thành viên đăng bài [0]
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:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="jRating.jquery.css" type="text/css" />
        <link rel="stylesheet" href="jNotify.jquery.css" type="text/css" />
        <script type="text/javascript" src="Jrating/jquery.js"></script>
        <script type="text/javascript" src="Jrating/jRating.jquery.js"></script>
        <script type="text/javascript" src="Jrating/jNotify.jquery.js"></script>
    </head>
    <body>
        <div class="jRating" data="10_1"></div>
    </body>

    <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");
                            }

                            xmlhttp.onreadystatechange=function()
                            {
                                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                                {
                                    error.innerHTML=xmlhttp.responseText;
                                }
                            }
                            xmlhttp.open("GET","RateA?id=" + idBox + "&RateAlbum=" + rate,true);
                            xmlhttp.send();

- Ở đây tôi gởi điểm và id xuống servlet tên Rate.
Category: Jsp/Servlet | Added by: Jack | Tags: thiensuhanhphuc18, thong, Demo, java, khanh, jrating, as_fancy, Jackie, tuan, afgame
Views: 746 | Rating: 4.3/7
Total comments: 0
Giới Thiệu
Nghe Radio Zing
- Nhiều kênh
- Thêm kênh tùy thích
- Hẹn giờ tắt



Hát karaoke arirang
- Tìm kiếm nhanh chóng
- Hát thoải mái
- Nhạc beat Arirang chính hãng

Copyright AFgame © 2016
Trường ĐH Nông Lâm TP.HCM
Create a free website with uCoz