Script untuk Memaksa Harus Mengaktifkan JavaScript


Script untuk Memaksa Harus Mengaktifkan JavaScript

Pernahkah anda ingin mengcopy artikel dari sebuah website namun terproteksi, kemudian anda mengakali atau mencari cara mungkin dengan mematikan javascript anda bisa mengcopy artikel tersebut. Namun bagaimana jika pemilik website memasang script yang mewajibkan pengunjung untuk selalu mengaktifkan javascript??


Kita sebagai pemilik website bisa memberi peringatan ketika pengunjung menonaktifkan JavaScript di Browser mereka caranya adalah dengan script berikut:

<!DOCTYPE html>
<head>
</head>
  <body>
    <noscript class="noscript">
      <div id="javascript-notice">
        <img src="URL image" alt="JavaScript Disabled Notice" title="JavaScript Disabled Notice"/>
        <p>Pelajari <a href="URL cara mengaktifkan JavaScript" target="_blank" >cara mengaktifkan JavaScript</a> di browser Anda.<p>
      </div>
    </noscript>
    Di sini pastinya banyak kode untuk menampilkan konten/elemen di situs Anda dan dengan CSS kita bisa membuatnya tertutupi oleh elemen yang ada di tag noscript.
  </body>
</html>

Berikut contoh kode CSS nya:

.noscript {
    width: 100%;
    height: 100%;
    z-index: 100000;
    position: absolute;
    background: #020202cc;
}

.noscript #javascript-notice {
    background-color: #ffffff;
    display: block;
    position: fixed;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: 3px;
    padding: 5px;
    width: 500px;
    height: 370px;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -250px;
}

.noscript #javascript-notice p {
    margin-top: 10px;
}

Di sini yang paling utama adalah kita memberi properti position:absolute; pada tag <noscript> dan juga z-index:100000; yang diharapkan lebih tinggi dari z-index semua elemen yang ada di halaman web Anda.

Baca Juga: Membuat Iklan Turun Naik Mengikuti Scrol di Blogspot

Dengan begitu, elemen yang ada di dalam tag <noscript> ini akan menutupi elemen utama di web Anda. Jangan lupa dengan properti width dan height agar diatur maksimal juga, yaitu 100%.

Dalam contoh gambar di atas, komponen di halaman web masih terlihat karena memang saya menggunakan background yang sedikit transparan.

Jika ingin semuanya tertutupi, tinggal ubah nilai dari properti background di bagian .noscript, misal dengan warna putih, maka background-color: #ffffff; atau warna hitam background-color: #000000; .

Begitulah Script untuk Memaksa Pengunjung Wajib Mengaktifkan JavaScript di Browser

Jika artikel ini bermanfaat silahkan di share !!!

Jika ada kritik dan saran silahkan tulis di kolom komentar !!!


0 Response to "Script untuk Memaksa Harus Mengaktifkan JavaScript"

Posting Komentar