[MOD] Click Thanks (Reputation +) mới hiện Link

[Exterminator]

Live Demo : http://windows.forumvi.com/t5767-topic#23783

Demo Image : 

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

Trước khi bắt đầu vào code, các bạn nên đọc kỹ yêu cầu của bài viết này nhé!

+ Yêu cầu :
 - Version Forumotion : PHPBB2
 - Kiến thức HTML : cao
 - Kiến thức Javascript : cao
 - Kiến thức CSS : thấp

Để làm được mod này, các bạn phải có đủ kiến thức về code để đọc hiểu và tuỳ chỉnh theo ý mình.
Do mỗi forum các bạn có thể đã tuỳ chỉnh template khác nhau cả, nên không để đem nguyên xi copy paste vào là chạy được đâu nhé! Mình chỉ chia sẻ ý tưởng cho các bạn thôi! Hết sức lưu ý điểm này!


Code : 

+ Bước 1 : Tạo 1 file javascript, placement là In the topic : 

Code:

$(document).ready(function() {

$(".btn_thanks"). parentsUntil("table").parentsUntil("tr[class^='post--']").parent().prev().find(".hide_thanks").html("<span style='color:#ff0000;'>[Vui lòng nhấn Cảm Ơn để thấy nội dung]</span>");

});

function Thanks(btn, urlThanks) {

$.get(urlThanks, function() {

var rfClass = $(btn).parentsUntil("table").parentsUntil("tr[class^='post--']").parent().attr("class");
rfClass = rfClass.replace("post--","#p");

$(rfClass + " .span_post_content").load(window.location.pathname + " " + rfClass + " .div_post_content",  function(){
    
});

});

}

Trong phần document ready thì các bạn chú ý các điểm sau : 

1/-[.btn_thanks] : là tên class của nút Thanks (còn gọi là nút reputation +), sửa lại thành tên class bạn đang xài nhé.
2/- Từ nút Thanks này, các bạn phải tự code làm sao để tìm đến những đối tượng có class là "hide_thanks" nằm trong vùng {postrow.displayed.MESSAGE}, rồi replace thành :

Code:

[<span style='color:#ff0000;'>[Vui lòng nhấn Cảm Ơn để thấy nội dung]</span>]

Trong hàm $.get cũng thế nhé, tìm đến đối tượng có class bắt đầu bằng : [post--]

Code:

var rfClass = $(btn).parentsUntil("table").parentsUntil("tr[class^='post--']").parent().attr("class");
rfClass = rfClass.replace("post--","#p");

Tại đây thì mình không giúp từng bạn code được, do tuỳ cấu trúc code forum của mỗi người, nên mình chỉ hướng dẫn bằng lời, các bạn vận dụng kiến thức code html và javascript để làm tiếp nhé.

+ Bước 2 : Tạo nút BBCode để hide link, tạo 1 file javascript với placement là In All The Pages :

Code:

$(document).on('ready', function () {
  if (!$.sceditor || !_userdata.user_level) return;

  $("#text_editor_textarea").parent().attr("style","width:750px");
  $('<a class="sceditor-button thanks"  title="Thanks"><div  style="background-image:url(http://i88.servimg.com/u/f88/13/18/45/07/valid11.png);opacity:1 !important;background-position-y:3px;">Thanks</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
    $('#text_editor_textarea').sceditor("instance").insert('[table class="hide_thanks" border="0"][tr][td]','[/td][/tr][/table]');
    return false;
  });

});

+ Bước 3 : Vào Templates > Quản Lý Tổng Thể > Viewtopic_body :
Tìm đoạn sau :

Code:

<div>{postrow.displayed.MESSAGE}</div>

Thay thế thành đoạn này :

Code:

<span class="span_post_content">
<div class="div_post_content">
{postrow.displayed.MESSAGE}
</div>
</span>

Tìm đoạn này :

Code:

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

Thay thế thành đoạn này :

Code:

<!-- BEGIN switch_vote -->
<div class="vote-button" onclick="Thanks(this, '{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}');">+</div>
<!-- END switch_vote -->

+ Bước 4 : Vào Template > Quản Lý Tổng Thể > overall_header :

Chèn đoạn này :

Code:

<!-- BEGIN switch_user_logged_out -->
          $(".hide_thanks").html("<span style='color:#ff0000;'>[Vui lòng nhấn Cảm Ơn để thấy nội dung]</span>");
<!-- END switch_user_logged_out -->

Vào trong bất kì hàm dưới là xong!

Code:

$(document).ready(function(){
// Chèn vào đây!
}

P/s : Lưu ý các bạn một lần nữa, không thể đem nguyên xi paste vào là chạy nhé, chỉ là share ý tưởng thôi! Bài viết này yêu cầu kiến thức về code cũng khá tốt để tự tuỳ chỉnh theo ý mình, nên các bạn cố gắng nhé! Chức năng này mình không hướng dẫn tường tận từng dòng code được, do chắc chắn sẽ không tương thích với toàn bộ forum của người khác, do cấu trúc mỗi forum đều khác nhau (có lẽ).
Nếu gặp vấn đề, hãy post lên đây, mình sẽ xem qua và có thể hỗ trợ giải thích cho bạn hiểu.

Chúc thành công!