Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Code] Hiện tooltip hashtags khi rê vào tên thành viên toàn forum

Tác giả: - vào lúc:
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/30/2016, 23:52
#1

Demo

[Code] Hiện tooltip hashtags khi rê vào tên thành viên toàn forum Sguau1

JS

In all pages

Code:

$(function() {
  var links = $('a[href^="/u"]'),
      usersinfo = {};
 
  links.tooltipster && links.not('.mentiontag, .tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : 'Loading...',
    functionBefore: function(origin, continueTooltip) {
      continueTooltip();
 
      var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
      if (origin.data('ajax') !== 'cached') {
        if (usersinfo[userid] != undefined) {
          origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
        } else {
          $.ajax({
            type: 'GET',
            url: "/ajax/index.php",
            dataType: "html",
          
            data: {
              f: "m",
              user_id: userid
            },
 
            success: function(html) {
              usersinfo[userid] = html;
              origin.tooltipster('content', html).data('ajax', 'cached');
            }
          });
        }
      }
    }
  });
});


Được sửa bởi lasperpen ngày 8/31/2016, 00:26; sửa lần 1.
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/30/2016, 23:54
#2
Cái này có sẵn ở forum rồi , làm thế làm gì cho mệt
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/30/2016, 23:54
#3
À mà share cái nút online đê
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/30/2016, 23:57
#4
trandangduat đã viết:
Cái này có sẵn ở forum rồi , làm thế làm gì cho mệt


có sẵn chứ đâu có hiện khi rê vào tên chỉ rê vào hiện ở hashtags thôi [Code] Hiện tooltip hashtags khi rê vào tên thành viên toàn forum 1f601
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
8/31/2016, 00:22
#5
Code hot, cái này áp dụng mọi link user trên toàn diễn đàn luôn
Css/Js
Bài viết : 1
Points : 1
Like : 0
Punbb
An toàn
Css/JsMEM
8/31/2016, 00:44
#6
Không hiểu do sung đột gì mà code này ko hoạt động đc trên diễn đàn của mình Sad

Demo: http://www.congdongotakuviet.com/ (Đã add code phía trên)
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
8/31/2016, 00:58
#7
Cũng có thể do xung đột JS, mình đoán forum bạn add chắc không dưới 20 trang JS đâu Smile
Thử tắt hết JS chỉ để lại mỗi JS tooltip rồi F5 lại xem hoạt động không :)
Sponsored content
#8