Laman

Monday, March 23, 2015

Home » Tips HTML-Javascript - Membuat Isi Halaman Web Tidak Bisa di-Copy Oleh Orang Lain

Tips HTML-Javascript - Membuat Isi Halaman Web Tidak Bisa di-Copy Oleh Orang Lain


Kalau anda mendapatkan sebuah web/blok milik orang lain ternyata menjiplak salah satu isi halaman web anda, rasanya memang cukup menjengkelkan, ya? Tapi dalam halaman ini saya coba membuat script untuk menghindari hal tersebut. Mudah-mudahan bisa berguna bagi anda. 

Isi halaman web yang tampil di browser bisa dicopy lewat dua cara, yaitu pertama teks yang akan dicopy diseleksi dulu, lalu kemudian klik-kanan lalu pilih Copy. Sedangkan gambar bisa dicopy dengan langsung klik-kanan pada gambar lalu pilih Copy atau Save Image As. Script berikut ini akan melakukan dua hal, yaitu mencegah proses seleksi dan mencegah klik-kanan. Dengan begitu orang lain tidak akan bisa mengcopy isi halaman web kita. Berikut ini script-nya:


<script type="text/javascript">
    //================= Script Mencegah isi halaman web agar tidak bisa dicopy
    function clickIE4(){
        if (event.button == 2){return false;}}
    function clickNS4(e){
        if (document.layers || document.getElementById && !document.all){
    if (e.which == 2 || e.which == 3){return false;}}}
    if (document.layers){
        document.captureEvents(Event.MOUSEDOWN);
        document.onmousedown=clickNS4;
    }else if (document.all && !document.getElementById){
        document.onmousedown = clickIE4;}
    document.oncontextmenu = new Function("return false")
    function non_aktifkan_seleksi(obj){
        if (typeof obj.onselectstart != "undefined")
            obj.onselectstart=function(){return false}
        else if (typeof obj.style.MozUserSelect != "undefined")
            obj.style.MozUserSelect="none";
        else  
           obj.onmousedown=function(){return false}
        obj.style.cursor = "default";
    }
    //========================
</script>


Letakkan script/kode di atas di antara tag <HEAD> dan </HEAD>. Selanjutnya tulis script berikut ini dan tempatkan sebelum tag </BODY> :


<script type="text/javascript">
    non_aktifkan_seleksi(document.getElementById("tidak_bisa_copy"));
</script>


Dan yang terakhir, berikan nama ID pada tag BODY dengan nama "tidak_bisa_copy" seperti berikut ini:


 <BODY id="tidak_bisa_copy">
  ...... isi ......
 </BODY>


Catatan: jika ternyata tag BODY pada halaman web anda telah memiliki nama ID, maka itu tidak perlu diubah. Tapi pada script yang kedua diatas, teks berwarna biru harus diganti dengan nama ID tersebut.

Sekarang, setelah menuliskan script-script di atas, silahkan mencobanya. Mudah-mudahan bisa berhasil.

No comments:

Post a Comment

Blogger Wordpress Gadgets