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

[Get Over]

First topic message reminder :

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

[baivong]

CKEditor hỗ trợ bbcode chuẩn thôi, có vài kiểu riêng của forumotion thì chắc phải tự viết, khá tốn công, nên anh đợi SCeditor ra bản chính thức, nếu nó vẫn lỗi thì mới chuyển, ngoài CKEditor cũng còn khá nhiều BBCode editor khác mà.

[Get Over]

Đợi ra bản mới thì 10 năm nữa  

[Lowie]

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

Cái này không hiện avatar trên tooltip à?

[SarkZKalie]

Mình có test thử cho Phpbb2 và 3, và sau đây là nhận xét :
Với bản 2, mình đã tìm đoạn code [b style="margin: 0px; padding: 0px; color: rgb(130, 98, 83); font-size: 12px; line-height: 16px; background-color: rgb(255, 255, 255);"]{postrow.displayed.POST_DATE}</span>[/b] cả bản mod & bản default của viewtopic đều không có  Chỉ thấy mỗi cái POST_DATE_NEW.
Với bản 3, bước đầu test hiệu quả, Tag đã xuất hiện trong bbcode nhưng khi sử dụng, không có thông báo cũng như bất cứ thông tin gì khi rê vào username được tag. Ngoại trừ nó dẫn link tới profile của username

Có cần thiết phải enable cái Advanced Profile k doannamthai ?

[tuanone]

Mình dùng PHP2 !!! Đến đoạn insert lại không tag được ??? Đoán là lỗi JavaC nên nhảy qua topic :[You must be registered and logged in to see this link.]  lấy đoạn jv của topic đó thì lại được ^^..nhưng chỉ vào ko hiện avatar thôi !! chủ topic có thể giúp mình ko..thanks

[thanh2013]

ac

[Draudrey]

doannamthai ơi, viewtopic của mình không phù hợp, cho nên mình đã edit cho nó chạy, vậy có vi phạm không?

[Sponsored content]