[Share][Beta]Tagging System by doannamthai[✔]

[Get Over]

First topic message reminder :

Hồi trước thì mình nhớ bên fmquery viết cái này rồi . Nhưng giờ để phù hợp với SCEditor và có chức năng khác so với fmquery thì mình viết cái Tag mới. Không biết bên forumvi có ai đã viết tag chưa  

Demo :
Tool hỗ trợ tag :
[You must be registered and logged in to see this image.]

Rê chuột vào tên tag hiện avatar :
[You must be registered and logged in to see this image.]

Nủt tag notifi :
[You must be registered and logged in to see this image.]


Chức năng + Ưu điểm :
- Tool hỗ trợ tag phù hợp, gọn --> Khi gõ tên người muốn tag vào box thì hệ thống sẽ tự động hiện url ,id , và tên của người tag
*Chú ý ở phần này bạn không được sửa đổi bất kì thứ gì trong thẻ url
- Hiện avatar khi rê chuột vào tên tag
- Nhấn vào tag notifi hệ thống sẽ tự động gửi tin nhắn lên tường thành viên được tag

Nhược điểm :
- Nút tag notifi không xóa sau mỗi lần click (Cái này ai có giải pháp thì nói cho mình nhé)
- Nủt tag notifi chỉ giới hạn 1 thành viên tag trong bài viết

Thông tin :
- Tác giả : doannamthai
- Phiên bản hỗ trợ : Punbb(và sẽ có thể là Phpbb3 hoặc Invision nhưng hiện tại chỉ Punbb)

Hướng dẫn :
 Bước 1 : ACP --> Display --> CSS

Code:

.tagaccept {cursor : pointer}
datatip {
   border-radius : 20px 3px 20px 4px ;
   moz-border-radius : 20px 3px 20px 4px ;
   -webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
   -moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
position: absolute;
background: #e3e3e3;
padding: 12px ;
border-radius: 3px;
margin-top: 25px;
margin-left: -20px;
display: none;
max-width : 80;
}
.t_avatar img {
max-height: 70px;
padding: 3px;
max-width: 70px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

Save lại

Bước 2 : ACP --> Modules --> Javascript codes management --> Create a new Javascript
Title* : dnt-Tagging System
Place : In all the page

Code:

// [Beta] Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// [Beta] Tagging System was written by doannamthai . Please don't change anything in code;
$(document).on('ready', function () {
$(".sceditor-container").append('<div class="sceditor-dropdown sceditor-bbcode-tag" style="display:none;margin-top: 27px;"><div><label for="username" style = "float:left" unselectable="on">Tên người muốn tag: </label><input type="text" id="username" style = "float:left" placeholder="Nhập tên người muốn tag "><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>');  
  $('<a class= "sceditor-button bbcode-tag"  title= "BBCode Tag"><div style="background-image:url(http://i35.servimg.com/u/f35/15/64/85/86/tag-ic10.png)">BBCode Tag</div></a>').insertAfter('.sceditor-button-fahide').click(function () {
var t = $(".sceditor-bbcode-tag").css("display");
if(t =='none') {
$(".sceditor-bbcode-tag").css({"left": $(this).position().left , "top": $(this).position().top, }).show();      
}
else {
 $(".sceditor-bbcode-tag").hide();  
}
});
$(".sceditor-bbcode-tag .button").click(function () {
var username = $('.sceditor-bbcode-tag #username').val();
if (username.length < 1 ) {
alert("Vui lòng nhập tên người muốn tag")
}
else  {
$.get('/memberlist?submit=Ok&username='+username, function (v) {
var href = $(v).find('.avatar-mini a').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
var m = $(v).find('.avatar-mini a');
var h = $(v).find('.avatar-mini a span:first').text();
if(m.length > 0 && h == username) {
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/u'+userid+']'+username+'[/url]');
}
else {alert("Hãy nhập đúng tên của người mà bạn muốn tag")}
});
}
});
$(".post").each(function(a) {
var a = $(this).find('.entry-content a[href*= "/u"]');
b = _userdata["username"];
var c = $(this).find('.entry-content a[href*="/u"]').text();
var e = $(this).find(".username a").text();
var h =  $(this).find(".posthead a").attr('href');
if(a.length ) {
if(b == e) {
$(".entry-content").find('a[href*="/u"]').each(function() {
var s = $(this);
var f = $(s).attr('href');
$(s).prepend('<datatip></datatip>');
$(s).children('datatip').load(f + '#main-content #profile-advanced-right img:eq(0) ', function () {
this.className = 't_avatar';
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
$(this).find('a[href*="mode=quote"]').before('<span class ="tagaccept" title="Thông báo đến người được tag"><input type="image" src="http://i34.servimg.com/u/f34/17/91/04/74/tag-as10.png" /></span>');
$(this).find(".tagaccept").click(function () {
if(a.length > 1) {
alert("Xin lỗi bạn ! Tính năng này không hỗ trợ nhiều hơn 1 tag trong bài viết");
}
else{
var href = $(a).attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
  $.ajax({
        type: "POST",
        url: "/privmsg",
        data: {
            subject: "[Thông báo tự động] " + b + " đã nhắc đến bạn",
            message: b + "  đã nhắc đến bạn tại topic " + "http://"+window.location.hostname+h,
            username: c,
            u: userid,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }
    }).done(function(){
alert("Thông báo đã được gửi đến " + c);
});
}
});
}
}
});
});

*Chú ý đây chỉ là bản thử nghiệm .

Tác giả : doannamthai

Vui lòng ghi rõ nguồn khi sao chép

[HoàngTửNaivip5p]

Cho đẹp mà

[phamtuananh9x]

Ngon lành, cho thêm chức năng gõ chữ đầu tiên và hiện lish như FB đi chủ thớt ơi

[Sponsored content]