Cara Proteksi HTML, Javascript dan CSS Tanpa PHP

Halo sahabat blogger yang baik hatinya. Telah lama saya tidak posting artikel seputar rahasia kode script. Kali ini mumpung ada waktu luang akan saya tunjukkan penemuan baru saya yang mungkin telah diketahui sejak lama oleh para blogger lainya.

Bagi seorang perancang alat atau tools online dalam blog, pasti tak akan pernah ada habisnya berfikir dan mencari cara bagaimana caranya agar kode script kita aman dari pencuri yang tidak punya moral itu.

Untuk itu, meskipun trik ini tidak 100% ampuh dalam menyembunyikan script, namun saya rasa dapat mengurangi aksi pencurian kode secara membabi buta.

Pada dasarnya, tutorial kali ini tidak berhubungan dengan berubahnya kode script asli, melainkan hanya mensisipi CSS dalam javascript yang tidak bisa dimengerti oleh blogger pemula.

Coba Anda perhatikan kode berikut ini
document.getElementById("NamaElemen").style.display = "none";

Kode diatas memerintahkan kepada browser agar elemen yang ditandai dengan NamaElemen tidak boleh ditampilkan.

<div id="NamaElemen"></div>

Namun bukan hanya itusaja yang kita perlukan agar trik ini benar-benar sukses memanipulasi tampilan html.

Berikut adalah kode lengkapnya
<script type="text/javascript">
Sembunyikan = true;
document.getElementById("NamaElemen").style.display = "none";

function ProteksiKode()
{
if (Sembunyikan)
{
document.getElementById("NamaElemen").style.display = "";
}
}
</script>
<script type="text/javascript">ProteksiKode();</script>
Bagaimana cara menggunakannya?
1. Buat sebuah kode HTML baru atau jika telah punya edit saja yang itu

<html>
<head>
<title>Tes Proteksi</title>
</head>
<body>
<div id="NamaElemen">
TULISAN INI AKAN DISEMBUNYIKAN
</div>
<script type="text/javascript">
Sembunyikan = true;
document.getElementById("NamaElemen").style.display = "none";
function ProteksiKode()
{
if (Sembunyikan)
{
document.getElementById("NamaElemen").style.display = "";
}}
</script>
<script type="text/javascript">ProteksiKode();</script>
</body>
</html>

Perhatikan script yang saya tandai warna merah tersebut. Script itu bisa Anda tempatkan dimana saja, kecuali didalam Tata Letak.
Anda bisa memasukkan kedalam Template asalkan berada dalam body
<body>
...
<script type="text/javascript">ProteksiKode();</script>
...
</body>

Jika Anda selipkan kedalam bagian HEAD maka tidak dapat bekerja.

Penting!!

Perhatikan script bagian getElementById
Jika elemen Anda menggunakan id maka pakai getElementById
Namun jika menggunakan Class maka pakai getElementByClass

DEMO
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini