[All ver][Ver 2] Tagging System - by doannamthai[✔]

[Get Over]

Sau khi viết bản beta [You must be registered and logged in to see this link.] và có thử nghiệm lại vài lần. Và mình cũng đã định close beta (cùng sửa , xóa một số chỗ không cần thiết trong code). Nhưng tham khảo ý kiến của một số người , mình cũng thấy cái tool hơi nặng và không cần thiết cho lắm . Nên mình đóng ver 1 lại không viêt nữa và chuyển sang ver 2 là sử dụng cách khác.
Demo :
[You must be registered and logged in to see this image.]

Chức năng + Ưu điểm :
- BBcode hỗ trợ tag
- 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
- Nếu không có thành viên nó sẽ bão lỗi khi rê chuột vào tên
- Gọn + nhẹ hơn bản beta

Nhược điểm :
- Nút tag notifi không xóa sau mỗi lần click

Thông tin :
- Tác giả : doannamthai
- Phiên bản hỗ trợ : Phpbb2 , Punbb , Phpbb3 , Invision
Chú ý đặc biệt khi sử dụng :
- Đối với những người có khoảng trống ở giữa tên thì bạn phải thay khoảng trống đó thành dấu + trong thẻ tag

VD : Bạn muốn tag : doan thai
thì trong thẻ tag bạn phải nhập
[tag]doan+thai[/tag]

Nếu không hệ thống sẽ không thể nhận được định dạng

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* : Tagging System by doannamthai
Place : In all the page

Phpbb2 :

Code:


// [Mod] Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// [Mod] Tagging System was written by doannamthai . Please don't change anything in code;
$(document).on('ready', function () {
$('<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(){
$('#text_editor_textarea').sceditor('instance').insert('[tag]','[/tag]');
return false;
});
});
$(function () {
$('.post .postbody').each(function(){
var q = $(this).html().replace(/\[tag\](.*?)\[\/tag]/g, '<a href="/profile?mode=viewprofile&u=$1 ">$1</a>');
$(this).html(q);
$('.post .postbody').find('a[href*="mode=viewprofile"]').each(function(){
var n = $(this).text().replace('+', ' ');
$(this).text(n);
var s = $(this);
var f = $(s).attr('href');
$(s).prepend('<datatip></datatip>');
$(s).children('datatip').load(f + '#page-body .row1.gensmall:first img:eq(0) ', function () {
$(this).addClass('t_avatar');
var t = $(this).children('img');
if(t.length < 1){
$(s).children('datatip').html("Lỗi! Không tìm được dữ liệu");
}
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
var a = $(this).find('a[href*= "mode=viewprofile"]');
var b = _userdata["username"];
var c = $(this).find('a[href*="mode=viewprofile"]').text();
var e = $(this).parents(".post").find(".name a").text();
if(a.length) {
if(b == e) {
$(this).parents(".post").find('a[href*="mode=quote"]').before('<input class="tagaccept" type="image" src="http://i34.servimg.com/u/f34/17/91/04/74/tag-as10.png" />');
$(this).parents(".post").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{
  $.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 " +location.href,
            username: c,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }
    }).done(function(){
alert("Thông báo đã được gửi đến " + c);
});
}
});
}
}
});
});

Punbb :

Code:

// [Mod] Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// [Mod] Tagging System was written by doannamthai . Please don't change anything in code;
$(document).on('ready', function () {
$('<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(){
$('#text_editor_textarea').sceditor('instance').insert('[tag]','[/tag]');
return false;
});
});
$(function () {
$('.post .entry-content').each(function(){
var q = $(this).html().replace(/\[tag\](.*?)\[\/tag]/g, '<a href="/profile?mode=viewprofile&u=$1 ">$1</a>');
$(this).html(q);
$('.post .entry-content').find('a[href*="mode=viewprofile"]').each(function(){
var n = $(this).text().replace('+', ' ');
$(this).text(n);
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).addClass('t_avatar');
var t = $(this).children('img');
if(t.length < 1){
$(s).children('datatip').html("Lỗi! Không tìm được dữ liệu");
}
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
var a = $(this).find('a[href*= "mode=viewprofile"]');
b = _userdata["username"];
var c = $(this).find('a[href*="mode=viewprofile"]').text();
var e = $(this).parents(".post").find(".username a").text();
var h =  $(this).parents(".post").find(".posthead a").attr('href');
if(a.length) {
if(b == e) {
$(this).parents(".post").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).parents(".post").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{
  $.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,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }
    }).done(function(){
alert("Thông báo đã được gửi đến " + c);
});
}
});
}
};
});
});

Phpbb3

Code:

// [Mod] Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// [Mod] Tagging System was written by doannamthai . Please don't change anything in code;
$(document).on('ready', function () {
$('<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(){
$('#text_editor_textarea').sceditor('instance').insert('[tag]','[/tag]');
return false;
});
});
$(function () {
$('.post .content').each(function(){
var q = $(this).html().replace(/\[tag\](.*?)\[\/tag]/g, '<a href="/profile?mode=viewprofile&u=$1 ">$1</a>');
$(this).html(q);
$('.post .content').find('a[href*="mode=viewprofile"]').each(function(){
var n = $(this).text().replace('+', ' ');
$(this).text(n);
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).addClass('t_avatar');
var t = $(this).children('img');
if(t.length < 1){
$(s).children('datatip').html("Lỗi! Không tìm được dữ liệu");
}
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
var a = $(this).find('a[href*= "mode=viewprofile"]');
var b = _userdata["username"];
var c = $(this).find('a[href*="mode=viewprofile"]').text();
var e = $(this).parents(".post").find(".author a").text();
var h =  $(this).parents(".post").find(".topic-title a").attr('href');
if(a.length) {
if(b == e) {
$(this).parents(".post").find('a[href*="mode=quote"]').before('<input class="tagaccept" type="image" src="http://i34.servimg.com/u/f34/17/91/04/74/tag-as10.png" />');
$(this).parents(".post").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{
  $.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,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }
    }).done(function(){
alert("Thông báo đã được gửi đến " + c);
});
}
});
}
}
});
});

Invision

Code:

// [Mod] Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// [Mod] Tagging System was written by doannamthai . Please don't change anything in code;
$(document).on('ready', function () {
$('<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(){
$('#text_editor_textarea').sceditor('instance').insert('[tag]','[/tag]');
return false;
});
});
$(function () {
$('.post .post-entry').each(function(){
var q = $(this).html().replace(/\[tag\](.*?)\[\/tag]/g, '<a href="/profile?mode=viewprofile&u=$1 ">$1</a>');
$(this).html(q);
$('.post .post-entry').find('a[href*="mode=viewprofile"]').each(function(){
var n = $(this).text().replace('+', ' ');
$(this).text(n);
var s = $(this);
var f = $(s).attr('href');
$(s).prepend('<datatip></datatip>');
$(s).children('datatip').load(f + '#main-content #profile-advanced-right .box-content img:eq(0) ', function () {
$(this).addClass('t_avatar');
var t = $(this).children('img');
if(t.length < 1){
$(s).children('datatip').html("Lỗi! Không tìm được dữ liệu");
}
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
var a = $(this).find('a[href*= "mode=viewprofile"]');
b = _userdata["username"];
var c = $(this).find('a[href*="mode=viewprofile"]').text();
var e = $(this).parents(".post").find(".author a").text();
var h =  $(this).parents(".post").find('.postbody-head a[href*="/t"]').attr('href');
if(a.length) {
if(b == e) {
$(this).parents(".post").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).parents(".post").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{
  $.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,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }
    }).done(function(){
alert("Thông báo đã được gửi đến " + c);
});
}
});
}
};
});
});

Chúc các bạn thành công

Viết bởi : doannamthai

Vui lòng ghi rõ nguồn khi copy bài viết

[K.-Kun]

Vứt tem xé thư mở hàng

---

	Tin nhắn từ điều hành viên:
	Không spam dưới hình thức "xé tem"

[Rin]

dự là 4r Rin rất kén thai xem lại cho Rin cái nó bị xung đột js rồi mất luôn cái SCeditor bài viết ở quickreply

@Kazu: mau sửa lại rep nếu ko em sẽ bị hand bắt lỗi rồi bị hạ cờ đấy

[Get Over]

Ủa mình vẫn chạy ngon mà có lỗi liếc gì đâu . Chắc do forum Rin đó xem lại đi. Code không tìm thấy lỗi

[HoàngTửNaivip5p]

Yeah!!! Đã có hàng mới  Chúng ta ko lo bị đói  
 Like doannamthai

[Shinichi Kudo]

dự là 4r Rin rất kén thai xem lại cho Rin cái nó bị xung đột js rồi :-ssmất luôn cái SCeditor bài viết ở quickreply

Giống 4r Shinichi quá Cũng mất luôn SCeditor

[HoàngTửNaivip5p]

Còn mình thì k tag được
[You must be registered and logged in to see this image.]

Link 4rum [You must be registered and logged in to see this link.]
Nick test: nicktest
Pass: nicktest@123

[baivong]

Cứ dùng bbcode url với val() method là đủ rồi, cứ thèm cái avatar mà load hoài

[Get Over]

Để mình xem lại xem có lỗi ở đâu không mà nhiều người không xài được thế

[Get Over]

Mọi người tham khảo bài này nhé [You must be registered and logged in to see this link.]

[Sponsored content]