CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


Hướng dẫn ẩn link và image với khách viếng thăm.

3 posters

Go down

Hướng dẫn ẩn link và image với khách viếng thăm. Empty Hướng dẫn ẩn link và image với khách viếng thăm.

Bài gửi by Exterminator 27/9/2015, 8:52 pm

Do trong lúc không biết FM đã có chức năng này rồi, nên đã ngồi viết đoạn code ẩn link và image này.
Và phân tích giữa chức năng có sẵn của FM và code của mình thì mỗi bên đều có cái hay và cái không hay cả Vui Nên mình xin nói sơ sơ như sau.

+ Mod có sẵn của FM :
 ・Good :
  - Không cần thêm code. Chỉ cần setting cho từng chuyên mục.
  - Load nhanh.
  - Không lỗi.
 ・Bad :
  - Không có setting cho toàn bộ diễn đàn, mà phải setting từng chuyên mục, từng diễn đàn. Nếu diễn đàn của bạn có mấy trăm mục thì setting hơi bị phê nhỉ Cười nhe răng
  - Hiển thị bằng tiếng Anh. Không có setting để tùy chỉnh nội dung theo ý mình.
  - Nội dung link hoặc url của image đặt trong thẻ code thì không hide được.

+ Code mình viết :
 ・Good :
  - Không cần setting cho từng chuyên mục, tự nhận toàn bộ nội dung trong view_topic_body.
  - Hoàn toàn có thể tùy chỉnh nội dung hiển thị theo ý mình.
  - Link và image url có đặt trong thẻ code cũng có thể ẩn được.
 ・Bad :
  - Phải thêm code javascript.
  - Dù mình dùng document ready nhưng khi load lần đầu tiên thì cũng khoảng 1/5 giây đầu vẫn hiển thị link và image rồi mới hide đi. Tốc độ ẩn nhanh chậm còn phụ thuộc vào host, tốc độ net của bạn, và CPU máy bạn chạy nhanh hay chậm.
  - Mình chưa có điều kiện để test trên nhiều môi trường, nên nếu có lỗi thì feedback để mình sửa nhé Vui

Demo :  

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

Cách làm :

Bước 1 : Vào View_topic_body, thêm vào trên cùng đoạn code dưới đây :

Code:
<!-- BEGIN switch_user_logged_out -->
<script>
$(document).ready(function() {
  $(".body_message").each(function() {
    var obj = $(this),
    txt = obj.html(),
    patternURL = /((?:http|ftp|https):\/\/[\w\-_]+(?:\.[\w\-_]+)+(?:[\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?)/gi,
    patternIMG = /<img([^>]*[^/])>/gi,
    randomClass = RandomClass();
  var patternReg = "<span class='" + randomClass + "_reg'>Đăng Ký</span>",
    reg = new RegExp(patternReg, "g"),
  patternLog = "<span class='" + randomClass + "_log'>Đăng Nhập</span>",
    log = new RegExp(patternLog, "g");
  txt = txt.replace(patternIMG, "<span style='color:#ff0000;'>[Bạn phải <span class='" + randomClass + "_reg'>Đăng Ký</span> thành viên và <span class='" + randomClass + "_log'>Đăng Nhập</span> để xem nội dung này]</span>");
  txt = txt.replace(patternURL, "<span style='color:#ff0000;'>[Bạn phải <a href='/register?redirect=" + window.location.pathname + window.location.hash + "'>Đăng Ký</a> thành viên và <a href='/login?redirect=" + window.location.pathname + window.location.hash + "'>Đăng Nhập</a> để xem nội dung này]</span>");
  txt = txt.replace(reg, "<a href='/register?redirect=" + window.location.pathname + window.location.hash + "'>Đăng Ký</a>");
  txt = txt.replace(log, "<a href='/login?redirect=" + window.location.pathname + window.location.hash + "'>Đăng Nhập</a>");
    obj.html(txt);
  });
});
function RandomClass()
{
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    for( var i=0; i < 5; i++ )
        text += possible.charAt(Math.floor(Math.random() * possible.length));

    return text;
}
</script>
<!-- END switch_user_logged_out -->

Bước 2 :

Tìm đoạn dưới đây :

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

Thay bằng đoạn dưới đây :

Code:
<div class="body_message">{postrow.displayed.MESSAGE}</div>

Save lại.



Theo mình thì các bạn nên dùng Mod có sẵn của FM, nhưng nếu bạn nào dựa trên phân tích của mình mà thấy được lựa chọn code của mình tốt thì cứ xài nhé Vui
Dẫu sao cũng ngồi nghĩ ra nên thôi chia sẻ cho các bạn luôn, bỏ luôn cũng uổng Cười nhe răng

Chúc các bạn thành công. Vui
Exterminator
Exterminator
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 10/11/2008
Số bài : 676
CPP : 833
Châm ngôn sống : Sống cho đáng sống là một con người.

http://www.windowsviet.com

Về Đầu Trang Go down

Hướng dẫn ẩn link và image với khách viếng thăm. Empty Re: Hướng dẫn ẩn link và image với khách viếng thăm.

Bài gửi by quangtrung_it 19/2/2016, 10:22 am

Fm giờ bị lãng quên mất rồi.
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

Hướng dẫn ẩn link và image với khách viếng thăm. Empty Re: Hướng dẫn ẩn link và image với khách viếng thăm.

Bài gửi by baivong 19/2/2016, 11:53 am

Để tránh bị hiện ảnh lúc tải thì bên dưới dòng <!-- BEGIN switch_user_logged_out --> thêm style ẩn ảnh:
Code:
<style>
.body_message img {
    display: none;
}
</style>
Hàm RandomClass() hơi thừa, nếu có tác dụng thì chắc chống được adblock, nhưng trường hợp này thì hẳn là không cần.
Bạn replace toàn bộ html của .body_message nên có thể sẽ làm lỗi các script khác liên quan (ví dụ: lightbox). Thay vào đó bạn chỉ cần dùng selector $(".body_message").find("a, img:not([src*='/smiles/'])") và method .replaceWith().
Trong link dẫn đến đăng nhập đăng ký thì param redirect không nhận window.location.hash

Theo ý mình thì code thế này là đủ:
Code:
<!-- BEGIN switch_user_logged_out -->
<style>
    .body_message img {
        display: none;
    }
</style>
<script>
    $(function() {
        $(".body_message").find("a, img:not([src*='/smiles/'])").replaceWith(function() {
            return "<span style='color:#ff0000;'>[Bạn phải <a href='/register'>Đăng Ký</a> thành viên và <a href='/login?redirect=" + location.pathname + "'>Đăng Nhập</a> để xem nội dung này]</span>";
        });
    });
</script>
<!-- END switch_user_logged_out -->

Nếu diễn đàn có dùng chức năng resize ảnh của fm thì thêm script để xóa:
Code:
var $resizebox = $(".resizebox");
$resizebox.next("br").add($resizebox).remove();
baivong
baivong
CPYellowMember
CPYellowMember

Firefox Invision
Ngày đăng ký : 02/04/2010
Số bài : 3114
CPP : 1212
Châm ngôn sống : Sống để được chết một lần.

http://devs.forumvi.com

Về Đầu Trang Go down

Hướng dẫn ẩn link và image với khách viếng thăm. Empty Re: Hướng dẫn ẩn link và image với khách viếng thăm.

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết