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

[Get Over]

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

[Evil Boy]

like anh 1 cái^^
Anh tung ra bản phpbb2 đi^^

[Ocean Sapphire]

1) bên FMvi đã từng viết một cái tương tự và gọi là search user profile      
 2) bên IFC đã có một sản phẩm tag khi tag sẽ có noti gửi đến ng` dk tag   

Gộp 2 cái lại ra cái của Thái, tuy nhiên, mình lại thích viết riêng ra 2 cái bởi tùy mục đích của ng` sử dụng

[Get Over]

Đã update code

P/s : @Heo
1)Bên fmvi mình chưa rõ lăm , để mình kiểm tra lại
2)Bên IFC thì sản phẩm Tagging System hình như của fmquery

Gộp 2 cái lại không ra của mình đâu vì :
1) Tool hỗ trợ không phải là search profile
2) Tag bên fmquery là lấy từ trong bài viết gửi tự động đến hộp thư

Còn của mình là không phải là tag tự động mà phải click vào nút thì nó mới chuyển còn không thì nó chỉ load avatar ra thôi

[K.-Kun]

Hứng thú a ^^~ Nhỡ như nhập sai tên thì sao nhỉ ^^~

[Get Over]

Hứng thú a ^^~ Nhỡ như nhập sai tên thì sao nhỉ ^^~

Nếu nhập sai tên hệ thống sẽ không insert url vào SCEditor

[mrtienduc1999]

T.T thật là rầy rức khi chưa viết được tool nào cho forumotion.

[K.-Kun]

@Mr.Tienduc: ლ(¯ロ¯ლ Cứ từ từ ლ(¯ロ¯ლ Cái gì cũng có quá trình của nó ლ(¯ロ¯ლ

[Rin]

mình vẫn thích cái search user của huynh baivong hơn

nhưng dù sao cũng like cho doannamthai 1 phát

[Zero]

cái này hơi dài và nặng  cái chức năng kiểm tra cũng không cần thiết lắm. Nếu username không có, thì return cái avatar mặc định  

[Get Over]

cái này hơi dài và nặng  cái chức năng kiểm tra cũng không cần thiết lắm. Nếu username không có, thì return cái avatar mặc định  

Cảm ơn Zẻo đã góp ý. Mình thì đang định bỏ cái tool đó đi và thay vào là @username, sử dụng RegExp chuyển thành <a href="/profile?mode=viewprofile&u=$1"> thế thì có được không ?

[daiqb147]

Chủ phớt ơi sao em k inset đk vậy
Ghi đúng hết rôi mà k inset đk
[You must be registered and logged in to see this link.]

[Get Over]

Thỉ đây chỉ là beta thôi hỗ trợ punbb mặc định hoặc không bị xóa vài class trong view và chỗ khác
Hoặc nếu không phải cả 2 cái trên thì chắc xung đột js

[miamor]

Đã update code

P/s : @Heo
1)Bên fmvi mình chưa rõ lăm , để mình kiểm tra lại
2)Bên IFC thì sản phẩm Tagging System hình như của fmquery

Gộp 2 cái lại không ra của mình đâu vì :
1) Tool hỗ trợ không phải là search profile
2) Tag bên fmquery là lấy từ trong bài viết gửi tự động đến hộp thư

Còn của mình là không phải là tag tự động mà phải click vào nút thì nó mới chuyển còn không thì nó chỉ load avatar ra thôi

Không biết dựa cột mà nghe, cấm có nói bậy.

Code của IFC hoàn toàn dựa vào cấu trúc button search user của hóng huynh như lợn nói.
Đừng suy từ bụng ta ra bụng người, vơ đũa cả nắm cho rằng ai cũng như mình 

[Get Over]

Đã update code

P/s : @Heo
1)Bên fmvi mình chưa rõ lăm , để mình kiểm tra lại
2)Bên IFC thì sản phẩm Tagging System hình như của fmquery

Gộp 2 cái lại không ra của mình đâu vì :
1) Tool hỗ trợ không phải là search profile
2) Tag bên fmquery là lấy từ trong bài viết gửi tự động đến hộp thư

Còn của mình là không phải là tag tự động mà phải click vào nút thì nó mới chuyển còn không thì nó chỉ load avatar ra thôi

Không biết dựa cột mà nghe, cấm có nói bậy.

Code của IFC hoàn toàn dựa vào cấu trúc button search user của hóng huynh như lợn nói.
Đừng suy từ bụng ta ra bụng người, vơ đũa cả nắm cho rằng ai cũng như mình 

Có cái bài viết là Tagging System đây thây không phải chắc . Chứ có nói đến cái search gì đó đâu  

[minhphong9x94]

của mình phpbb2 thấy hiển thị mà khi ấn chèn vào thì trơ trơ

[Get Over]

Cái này hỗ trợ Punbb thôi chứ không hỗ trợ phpbb2

[anhdaodaica1]

Yeah~ 
"Thêm 1 lần đau" - Thêm 1 lần phpbb2 "nhịn đói" ~

[Get Over]

Phpbb2 không hỗ trợ vì : có nhiều thẻ class giống nên cứ phải sửa template --> hơi gây rỗi

[minhphong9x94]

vậy thì tốt nhất không dùng cho xong, phpbb2 vẫn cứ ngon, mod này cũng chỉ trang trí vậy thôi,
các bạn viết code là để nâng cao trình độ sáng tạo thêm chứ mình thấy những mạnh thì ko cần thiết code phải đầy đủ tất cả. CPnày, có dùng thêm code gì hỗ trợ lắm đâu.

[Get Over]

vậy thì tốt nhất không dùng cho xong, phpbb2 vẫn cứ ngon, mod này cũng chỉ trang trí vậy thôi,
các bạn viết code là để nâng cao trình độ sáng tạo thêm chứ mình thấy những mạnh thì ko cần thiết code phải đầy đủ tất cả. CPnày, có dùng thêm code gì hỗ trợ lắm đâu.

Ơ cái bạn này hay thật . Có đọc cái thông tin trên topic không vậy :

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

Không dùng thì thôi nhá đừng có vào mà spam bừa bãi

[HoàngTửNaivip5p]

Cũng hay Gửi thông báo lên wall càng tuyệt  
Nhưng bao giờ mới có close beta hả thái
Sợ k dùng được vì sửa nhiều temp rồi

[IIluffyII]

Hay đấy ^^!

[Zero]

cái này hơi dài và nặng  cái chức năng kiểm tra cũng không cần thiết lắm. Nếu username không có, thì return cái avatar mặc định  

Cảm ơn Zẻo đã góp ý. Mình thì đang định bỏ cái tool đó đi và thay vào là @username, sử dụng RegExp chuyển thành <a href="/profile?mode=viewprofile&u=$1">  thế thì có được không ?

ý tưởng dùng regexp cũng hay, hồi có làm rồi nhưng test vài lần thì có 1 vài lỗi không thể khác phục được nên bỏ luôn. Dùng bbcode cho chắc ăn  

[Ocean Sapphire]

cái này hơi dài và nặng  cái chức năng kiểm tra cũng không cần thiết lắm. Nếu username không có, thì return cái avatar mặc định  

Cảm ơn Zẻo đã góp ý. Mình thì đang định bỏ cái tool đó đi và thay vào là @username, sử dụng RegExp chuyển thành <a href="/profile?mode=viewprofile&u=$1">  thế thì có được không ?

ý tưởng dùng regexp cũng hay, hồi có làm rồi nhưng test vài lần thì có 1 vài lỗi không thể khác phục được nên bỏ luôn. Dùng bbcode cho chắc ăn  

Có ver 2 rồi đấy huynh

[Zero]

cái này hơi dài và nặng  cái chức năng kiểm tra cũng không cần thiết lắm. Nếu username không có, thì return cái avatar mặc định  

Cảm ơn Zẻo đã góp ý. Mình thì đang định bỏ cái tool đó đi và thay vào là @username, sử dụng RegExp chuyển thành <a href="/profile?mode=viewprofile&u=$1">  thế thì có được không ?

ý tưởng dùng regexp cũng hay, hồi có làm rồi nhưng test vài lần thì có 1 vài lỗi không thể khác phục được nên bỏ luôn. Dùng bbcode cho chắc ăn  

Có ver 2 rồi đấy huynh

Ver 2 chỗ nào ??? Sử dụng @ thì tên có từ 1 từ trở lên và có space ở giữa thì chỉ nhận dạng được từ đầu tiên. Mình đã fix được nhưng chỉ với username có 2 username còn trờ lên thì không được. Tốt nhất dùng bbcode 8-&gt; 

[Get Over]

[You must be registered and logged in to see this link.]

[Get Over]

Cảm ơn Zẻo đã góp ý. Mình thì đang định bỏ cái tool đó đi và thay vào là @username, sử dụng RegExp chuyển thành <a href="/profile?mode=viewprofile&u=$1">  thế thì có được không ?

ý tưởng dùng regexp cũng hay, hồi có làm rồi nhưng test vài lần thì có 1 vài lỗi không thể khác phục được nên bỏ luôn. Dùng bbcode cho chắc ăn  

Có ver 2 rồi đấy huynh

Ver 2 chỗ nào ??? Sử dụng @ thì tên có từ 1 từ trở lên và có space ở giữa thì chỉ nhận dạng được từ đầu tiên. Mình đã fix được nhưng chỉ với username có 2 username còn trờ lên thì không được. Tốt nhất dùng bbcode  

Đấy chắc là huynh dùng cách sử dụng Regexp chuyển tên khi click vào post bài rồi . Còn cái ver 2 . hướng là lấy theo từng bài viết và từng username trong bài viết sẽ dễ hơn nhiều

[HoàngTửNaivip5p]

Có vẻ ver. beta dùng hay hơn ver. 2 thái ơi  
Góp ý 1 chút là thái làm thêm cái auto màu nick thành viên khi tag đi  
Mình thấy khi tag thì nick thành viên k được tô đậm và ko có màu nick

[Get Over]

Có vẻ ver. beta dùng hay hơn ver. 2 thái ơi  
Góp ý 1 chút là thái làm thêm cái auto màu nick thành viên khi tag đi  
Mình thấy khi tag thì nick thành viên k được tô đậm và ko có màu nick

Cái đấy không cần thiết lắm đâu .

[Sponsored content]