[Chỉnh sửa lần cuối - All ver] Tagging System - by doannamthai[✔]

[Get Over]

Phù! sao phiên bản ver 2 mình thấy không có nhiều người làm được thành công nên mình quyết định sẽ quay trở lại theo hướng của phiên bản beta và viết lại hoàn chỉnh mode  

Lần chỉnh sửa cuối này sẽ có thêm một số điều khác biệt với Beta để dễ nhận dạng với các phiên bản như Punbb, Phpbb3 và Invison
Mọi Demo và thông tin khác các bạn xem tại [You must be registered and logged in to see this link.] nhé

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

Bước 2 : ACP --> QLTT --> Forum --> Cấu hình diễn đàn
Mô Tả * :

Code:

<span id="usertag" style="display:none">{USER-NAME}</span>

(Chú ý do post lên đây bị lỗi nên trong code trên các bạn tìm ký tự - giữa USER và NAME sau đó xóa nó đi)

(Tất cả các phiên bản phải làm theo bước trên)

Tiếp theo đối với ai dùng PhpBB2

PhpBB2 chỉnh:
Vào trong view_topic tìm {postrow.displayed.POST_DATE}</span> thêm đằng sau nó
<a class="phpbb2href" href="#p{postrow.displayed.U_POST_ID}"  style="float:right">#{postrow.displayed.COUNT_POSTS}</a>


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



phpbb2 :

Code:

// Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// 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?username='+username, function (v) {
var href = $(v).find('.gen a[href*="/u"]').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]');
});
}
});
$(".post").each(function() {
var a = $(this).find('a[href*= "/profile?mode=viewprofile"]');
var b = $("#usertag").text();
var c = $(this).find('a[href*="/profile?mode=viewprofile"]').text();
var e = $(this).find(".name a").text();
var h =  $(this).find(".phpbb2href ").attr('href');
if(a.length ) {
if(b == e) {
$(".post").find('a[href*="/profile?mode=viewprofile"]').each(function() {
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');
});
$(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{
  $.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);
});
}
});
}
}
});
});

Punbb :

Code:

// Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// 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?username='+username, function (v) {
var href = $(v).find('.avatar-mini a').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]');
});
}
});
$(".post").each(function() {
var a = $(this).find('a[href*= "/profile?mode=viewprofile"]');
var b = $("#usertag").text();
var c = $(this).find('a[href*="/profile?mode=viewprofile"]').text();
var e = $(this).find(".username a").text();
var h =  $(this).find(".posthead a").attr('href');
if(a.length ) {
if(b == e) {
$(".post").find('a[href*="/profile?mode=viewprofile"]').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).addClass('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{
  $.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:

// Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// 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?username='+username, function (v) {
var href = $(v).find('.avatar-mini a').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]');
});
}
});
$(".post").each(function() {
var a = $(this).find('a[href*= "/profile?mode=viewprofile"]');
var b = $("#usertag").text();
var c = $(this).find('a[href*="/profile?mode=viewprofile"]').text();
var e = $(this).find(".author a").text();
var h =  $(this).find(".topic-title a").attr('href');
if(a.length ) {
if(b == e) {
$(".post").find('a[href*="/profile?mode=viewprofile"]').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).addClass('t_avatar');
});
$(s).hover(function(){
$(s).find('datatip').show();
},function(){
$(s).find('datatip').hide();
});
});
$(this).find('a[href*="mode=quote"]').before('<input class ="tagaccept" title="Thông báo đến người được tag" type="image" src="http://i34.servimg.com/u/f34/17/91/04/74/tag-as10.png" />');
$(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{
  $.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);
});
}
});
}
}
});
});

Invison

Code:

 // Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
//  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?username='+username, function (v) {
var href = $(v).find('#pm1 a[href*="/u"]').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]');
});
}
});
$(".post").each(function() {
var a = $(this).find('a[href*= "/profile?mode=viewprofile"]');
var b = $("#usertag").text();
var c = $(this).find('a[href*="/profile?mode=viewprofile"]').text();
var e = $(this).find(".author a").text();
var h =  $(this).find('.postbody-head a[href*="/t"]').attr('href');
if(a.length ) {
if(b == e) {
$(".post").find('a[href*="/profile?mode=viewprofile"]').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).addClass('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{
  $.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  

Tác giả : doannamthai
Vui lòng ghi rõ nguồn khi sao chép bài viết

[Lùn Lì Lợm]

qá hay  like phát

[baivong]

Nên dùng val() thay cho insert()

[Get Over]

Nên dùng val() thay cho insert()

Không được anh ơi , nếu giả sử dùng val() thế thì bài viết trong khung reply nó bay hết ak

[HoàngTửNaivip5p]

thái có xóa ver. 2 đi ko??
Để đó thì lỗi ko dùng được mà lại thêm rối vì có 3 cái tagging liền

À mà 4rum mình nó k gửi thông báo đến wall được thái xem hộ nhé

[Get Over]

thái có xóa ver. 2 đi ko??
Để đó thì lỗi ko dùng được mà lại thêm rối vì có 3 cái tagging liền

À mà 4rum mình nó k gửi thông báo đến wall được /thái xem hộ nhé

Ver 2 mình để đấy cho mọi người tham khảo thôi :
Forum + nick test nai

[HoàngTửNaivip5p]

Ở topic kia rồi mà

[Get Over]

Ủa phải có cả cái avatar và hiện nút chứ nhỉ . Sao không thấy hiện nút màu xanh .
Cái js trên đưa ra hẳn 1 file riêng đi chứ đừng cho chung với các js khác thế

[Get Over]

Ôi forum Nai xóa sửa templates be bét mất mấy cái class của code rồi . đợi tý viết riêng cho cái khác

[Get Over]

@Nai : Làm theo tất cả các bước trên ( Đã update lại code) và dùng js sau thay cho js mặc định Punbb

Code:

// Tagging System được viết bởi doannamthai . Vui lòng không chỉnh sửa bất cứ thứ gì trong code;
// 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?username='+username, function (v) {
var href = $(v).find('.avatar-mini a').attr('href');
var userid = href.slice(href.lastIndexOf("/") + 2);
$('#text_editor_textarea').sceditor("instance").insert('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]');
});
}
});
$(".post").each(function() {
var a = $(this).find('a[href*= "/profile?mode=viewprofile"]');
var b = $("#usertag").text();
var c = $(this).find('a[href*="/profile?mode=viewprofile"]').text();
var e = $(this).find(".last-post1 a:first").text();
var h =  $(this).find(".posthead a").attr('href');
if(a.length ) {
if(b == e) {
$(".post").find('a[href*="/profile?mode=viewprofile"]').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).addClass('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{
  $.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);
});
}
});
}
}
});
});

[phutu01]

Có thêm chức năng báo về wall nữa là good

[Get Over]

Có thêm chức năng báo về wall nữa là good

Có chức năng đấy mà tại không đọc thông tin ở topic trước đấy thôi
P/S ::::: Đã update lại toàn bộ code các bạn sử dụng vui lòng xem lại hướng dẫn làm cho đúng  

[phutu01]

Có hả hehee sr nhen , ko biết mấy link thành viên khi chưa dùng tag , vẫn load ava chứ

[HoàngTửNaivip5p]

@Thái: chưa được

[Get Over]

@Thái: chưa được

Có làm lại theo các bước phía trên hướng dẫn không vậy

[HoàngTửNaivip5p]

Làm y sì rồi mà vẫn không được
Mình k cần cái hiện avatar đâu, chỉ cần có thông báo lên wall là được rồi

P/s: Việt K ơi huynh vào đây giúp em

[Get Over]

Có cho cái Username vô không mà thấy ko có id

[baivong]

Nên dùng val() thay cho insert()

Không được anh ơi , nếu giả sử dùng val() thế thì bài viết trong khung reply nó bay hết ak

 Lấy val() của reply + với val() của tag

[Get Over]

Nên dùng val() thay cho insert()

Không được anh ơi , nếu giả sử dùng val() thế thì bài viết trong khung reply nó bay hết ak

 Lấy val() của reply + với val() của tag

Thế thì insert cho nhanh anh ak

[baivong]

Nên dùng val() thay cho insert()

Không được anh ơi , nếu giả sử dùng val() thế thì bài viết trong khung reply nó bay hết ak

 Lấy val() của reply + với val() của tag

Thế thì insert cho nhanh anh ak

insert() có hỗ trợ wysiwyg ko?

[Get Over]

Không được anh ơi , nếu giả sử dùng val() thế thì bài viết trong khung reply nó bay hết ak

 Lấy val() của reply + với val() của tag

Thế thì insert cho nhanh anh ak

insert() có hỗ trợ wysiwyg ko?

Tất nhiên là không  

[baivong]

 Lấy val() của reply + với val() của tag

Thế thì insert cho nhanh anh ak

insert() có hỗ trợ wysiwyg ko?

Tất nhiên là không  

Val() thì có đấy:nguyhiem:

[Get Over]

[Get Over]

sao em thử mà không được nhỉ

[baivong]

sao em thử mà không được nhỉ

Thu? the^' na`o?

[Get Over]

Code:

$('#text_editor_textarea').sceditor("instance").val() + $('#text_editor_textarea').sceditor("instance").val('[url=http://'+window.location.hostname+'/profile?mode=viewprofile&u='+userid+']'+username+'[/url]')

P/s :: Mà dùng .insert() như kiểu em nó cũng hỗ trợ rồi mà

[baivong]

Code:

var $z = $('#text_editor_textarea').sceditor("instance");
$z.val($z.val() + $z.val('[url=http://' + window.location.hostname + '/profile?mode=viewprofile&u=' + userid + ']' + username + '[/url]'))

Thử xem được không?

[Get Over]

[object Object]

P/s dùng .insert có hỗ trợ mà anh
 

[baivong]

[object Object]

P/s dùng .insert có hỗ trợ mà anh
 

Chưa test thử nhưng lẽ nào lại lỗi  
Sceditor nhiều lỗi quá, đến giờ vẫn còn beta, phát nản

[Get Over]

[object Object]

P/s dùng .insert có hỗ trợ mà anh
 

Chưa test thử nhưng lẽ nào lại lỗi  
Sceditor nhiều lỗi quá, đến giờ vẫn còn beta, phát nản

Hay anh cài CKEditor cho ctrlc đi

[Sponsored content]