[Fmvi-Group] Thu gọn bài viết và chữ ký

[baivong]

Chức năng của code này là thu gọn bài viết dài hơn 500px lại, đồng thời hiện một nút Chi tiết.
Khi click vào nút này thì bài viết sẽ hiển thị toàn bộ và nút bấm cũng mất đi.
Với chữ ký thì code sẽ ẩn phần chữ ký dài hơn 300px, khi rê chuột vào sẽ hiện kích thước thật, và trở lại kích thước thu gọn khi rê chuột ra ngoài.
Demo:

Code:

http://www.fmvi.tk/t140-thu-gn-bai-vit-va-ch-ky#555

ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:

• Title: Thu gọn bài viết và chữ ký
  
• Placement: In the topics
  
• Javascript Code: Tuỳ theo phiên bản đang dùng để lấy code thích hợp
  
  • phpBB2:

    Code:

    $(function(){$("div.postbody div:not('.cont_code')").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}});$('div.signature_div').each(function(){if($(this).height()>350){$('div.signature_div img').css('max-width','600px');$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

  • phpBB3:

    Code:

    $(function(){$("div.content").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}});$('div.signature_div').each(function(){if($(this).height()>350){$('div.signature_div img').css('max-width','600px');$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

  • punBB:

    Code:

    $(function(){$("div.entry-content").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}});$('div.sig-content').each(function(){if($(this).height()>350){$('div.signature_div img').css('max-width','600px');$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

  • Invision:

    Code:

    $(function(){$("div.post-entry").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}});$('div.signature_div').each(function(){if($(this).height()>350){$('div.signature_div img').css('max-width','600px');$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

  • Tùy chỉnh:

    Code:

    $(function(){$(".noidungbaiviet").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}});$(".noidungchuky").each(function(){if($(this).height()>350){$('.noidungchuky img').css('max-width','600px');$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

    Đối với những forum có chỉnh sửa Templates (phpBB2, punBB). Nếu không dùng được các code đã chia sẽ thì các bạn có thể tự điều chỉnh bằng code tùy chỉnh này.
    ACP - Display - Templates - viewtopic_body:
    
    • phpBB2: Tìm trong viewtopic_body:

      Code:

      {postrow.displayed.MESSAGE}

      Thay bằng

      Code:

      <div class="noidungbaiviet">{postrow.displayed.MESSAGE}</div>

      Tìm :

      Code:

      {postrow.displayed.SIGNATURE}

      Thay bằng

      Code:

      <div class="noidungchuky">{postrow.displayed.SIGNATURE}</div>

    • punBB: Tìm trong viewtopic_body:

      Code:

      {postrow.displayed.MESSAGE}

      Thay bằng

      Code:

      <div class="noidungbaiviet">{postrow.displayed.MESSAGE}</div>

      Tìm :

      Code:

      {postrow.displayed.SIGNATURE_NEW}

      Thay bằng

      Code:

      <div class="noidungchuky">{postrow.displayed.SIGNATURE_NEW}</div>

Viết bởi baivong - FMvi.tk

[nightWalker]

Hì hì, chạy đi chôm về Forum . Đúng cái đang cần mà chưa hỏi được . Các bạn nhớ Click vào nút [You must be registered and logged in to see this link.] để kích hoạt trang JQuery của TG cho hiệu quả hơn nhé .

[nhoxkia1991]

seo tui không thấy gì hết zay, topic dài mà không thấy nó thu gọn lại

[baivong]

seo tui không thấy gì hết zay, topic dài mà không thấy nó thu gọn lại

Có lẽ là do khi sửa Templates, cậu đã xóa mất các Class cần thiết.

[sangls11]

không được, chịu

[baivong]

không được, chịu

Mình viết theo cấu trúc mặc định của forumotion, bạn thay đổi các class trong khung hiển thị bài viết thì sẽ không làm được.

[nhoxkia1991]

trùi zay cái này koi như là tui thua rồi

[sangls11]

có lẽ vậy

[baivong]

Các bạn chỉ cần giữ nguyên 1 đến 2 class bao quanh phần bài viết và chữ ký là được, có thể so với tem mặc định để kiểm tra.
Nếu báo lỗi thì nhớ đưa link forum kiểm chứng nhé!

[kubimz]

KHông chạy với chrome .

[baivong]

KHông chạy với chrome .

Không thể có chuyện đó, đưa link kiểm chứng nhé bạn.

[phutu01]

Mấy bác nghiên cứu thank hiện tên người đấy cho nó theo kịp vbb

[kubimz]

Thần gió ơi mình đã add rồi và test ko có thật , nếu được thì bạn vào làm dùm mình cái này và cái xem bài viết mới cùng chuyên mục nha ! tài khoản mình gửi qua tin nhắn cho bạn ok

[baivong]

Thần gió ơi mình đã add rồi và test ko có thật , nếu được thì bạn vào làm dùm mình cái này và cái xem bài viết mới cùng chuyên mục nha ! tài khoản mình gửi qua tin nhắn cho bạn ok

Mình thấy bạn khá giỏi về việc sửa nguồn mà, chắc không cần mình giúp đâu.

[cunnho]

Mình thấy bạn khá giỏi về việc sửa nguồn mà, chắc không cần mình giúp đâu.

kubimz bị anh thần gió đá xoáy rồi , mà anh thần gió ơi, a có thể sửa lại 1 chút được không, tut này hơi bất tiện đối với nhưng forum ko dùng viewtopic_body mặc định anh ạ, như thế nó ko hiển thị được, nếu ko a chỉ cách nào sao cho nó hiển thị được không

[baivong]

kubimz bị anh thần gió đá xoáy rồi , mà anh thần gió ơi, a có thể sửa lại 1 chút được không, tut này hơi bất tiện đối với nhưng forum ko dùng viewtopic_body mặc định anh ạ, như thế nó ko hiển thị được, nếu ko a chỉ cách nào sao cho nó hiển thị được không

Ý kiến hay, sao mình không nghĩ tới nhỉ
Đã bổ sung code tùy chỉnh đấy, bạn nào sửa Templates, không làm được thì dùng code tùy chỉnh nhé

[hunghsmn]

Mình thử trả hết các temp về mặc định rồi mà cũng không được.

[Sấm]

Bác đã đặt thêm class ở cái hiện nội dung bài viết chưa? vaanx ổn mà Bác

[ythien123456]

Hay quá!! [You must be registered and logged in to see this image.][You must be registered and logged in to see this link.] number 1 [You must be registered and logged in to see this image.]

[cunnho]

ok thành công rồi anh

[Yuppy]

Thanks nha!
Nhưng mình có thể để 1 catery ngoại lệ dc k? ý mình là có thể để các bài viết trong 1 catery không bị thu gọn, còn các catery còn lại bị thu gọn dc không bạn?

[baivong]

Có thể chứ chỉ là mình không nghĩ đến, các bạn đưa thêm vài ý kiến nữa, nếu hợp lý mình sẽ tổng hợp lại, cho em nó lên ver.2

[1nghinle]

hay quá

[singh]

code hay quá

[HoàngTửNaivip5p]

baivong ơi, có thể tách giúp mình chỉ 1 code thu gọn chữ kí thôi được ko! Thanks

[Sponsored content]