This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.
Author Image Thursday, 10 August 2017

[Blogger] Yêu cầu người dùng bật JavaScript cho trang web


JavaScript là một thành phần không thể thiếu đối với mỗi trang web, tuy nhiên vì một số nguyên nhân nào đó, chẳng hạn như người dùng vô tình tắt JavaScript trên tất cả các trang web, hoặc ai đó có ý đồ muốn nhòm ngó sources code của bạn...mà họ không cho JavaScript chạy trên website. Điều này ảnh hưởng rất nhiều tới các widget, menu...hầu hết là trang web sẽ bị biến dạng

Với thủ thuật nhỏ sau đây, trang web của bạn sẽ luôn yêu cầu người dùng phải cho chạy JavaScript để các tiện ích hoạt động 1 cách chuẩn nhất

Như thường lệ bạn đăng nhập vào trang quản lý, vào phần Chỉnh sửa HTML

Viết CSS: Đặt trước đoạn ]]></b:skin>

#h237{position:fixed!important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop: document.body.scrollTop)+" px");left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.98;display:block;padding:10% 0;bottom:0;right:0;z-index:9999}#h237 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-decoration:none}#h237 * a{padding:12px 15px!important;background-color:#147dff;color:#fff!important;font-weight:700;font-size:14px;font-family:'text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all .3s ease-out}#h237 * a:hover{opacity:.9}#h237 ~ *{display:none}

Đặt đoạn code sau nằm trong cặp thẻ <body> ... </body>

<div id='h237'>
<span>Bạn đã vô hiệu hóa JavaScript trên website của tôi ! Vui lòng bật lại để tiếp tục truy cập<a href='http://www.enable-javascript.com/' target='_blank'>Hướng dẫn bật JavaScript</a></span></div>
<script>window.document.getElementById(&quot;h237&quot;).parentNode.removeChild(window.document.getElementById(&quot;h237&quot;))</script>

Bạn lưu mẫu lại là xong. Như vậy mỗi khi phát hiện  người dùng tắt JavaScript sẽ có thông báo và hướng dẫn yêu cầu họ phải bật lên để có thể tiếp tục xem trang của bạn
Lưu ý: Bạn có thể chỉnh css tùy theo ý thích của mình nhé
Chúc thành công
Comments:
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • Please wait while i am loading Facebook SDK js