[Code] BQT Trực tuyến - Staff Online Widget

avatar

vi0123998456443
101
10
Punbb
An toàn
Hỗ trợ viên

Bài viết :
43
Points :
101
Like :
10
Punbb
An toàn


Up css đơn giản : thêm vào css :

Code:
     span.monAva img {
    width: 29px;
    padding: 1px;
    border: 1px solid #DDD;
    margin-right: 7px;
    box-shadow: 0 0 1px #DDD;
}
      #theStaff strong {
    font-size: 13px;
    color: red;
}

Như tiêu đề, tạo một widget mới và thêm vào đoạn code sau: 

Code:
 <script type="text/javascript">
    myStaff = ['/u1', '/u999'];
    staff_cache_time = 4*60*1000; // mm*ss*ms;
    </script>
<div id="theStaff">
</div>
    
<div id="theContent" style="display:none">
</div>
    <noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript>    <script type="text/javascript">
    if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
    else loadStaff();
    function loadStaff() {
      jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
        for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
        if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Không có BQT nào đang trực tuyến');
        jQuery('.myStaff a').each(function() {
          var href = jQuery(this).attr('href');
          jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
            if (window.localStorage) {
              localStorage.staffOn = jQuery('#theStaff').html();
              localStorage.staffEx = +new Date;
            }
          });
        });
      });
    }
    </script>



Hướng dẫn: -Thay /u1, /u999 bằng ID của BQT

Code có gì sai sót mong thông cảm. Enjoy !!!
#codefm

Tags: #code #javascript


Được sửa bởi the_dav ngày 29/8/2016, 9:02 pm; sửa lần 3. (Reason for editing : fix demo)
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Tks
 Trả lời bài viết
avatar

the_dav196
279
41
Punbb
Quản trị
Trảm Phong

Bài viết :
196
Points :
279
Like :
41
Punbb
Quản trị
e ơi hình như thiếu css + demo :)
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Up demo Very Happy



Up css đơn giản : thêm vào css :

Code:
      span.monAva img {
    width: 29px;
    padding: 1px;
    border: 1px solid #DDD;
    margin-right: 7px;
    box-shadow: 0 0 1px #DDD;
}
      #theStaff strong {
    font-size: 13px;
    color: red;
}
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...