Senin, 15 April 2013

Buat peringatan saat user menekan CTRL+C


Menangkap event CTRL+C

ILUSTRASI

Pasti anda sudah tidak asing lagi dengan CTRL+C apalagi jika anda sering berurusan dengan komputer/laptop hal itu sudah biasa, pada kesempatan kali ini saya ingin share hasil modifikasi kode javascript yang telah saya lakukan yaitu menangkap Event CTRL+C jadi saat User atau pengunjung blog menekan CTRL+C maka otomatis akan muncul sebuah pesan warning, anda bisa langsung coba sendiri nanti diblog anda.

<script type='text/javascript'>
//<![CDATA[
// Belajar edit kode by zhinto
// http://zhinto.blogspot.com/
function cek(e){
var a = document.getElementById("warning");
var b = document.getElementById("isi");
var pesen = "Et'sssss baca dulu <a href='/link-privasi.html'>Privasi Policy</a>";
if (e.ctrlKey && e.which == 67){
a.style.display = "block";
b.innerHTML = pesen;
}
}document.onkeydown = cek;
//]]>
</script>

Simpan javascriptnya diatas kode </head> dan simpan juga CSS dibawah ini diatas ]]></b:skin>

#warning {
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
background: #000;
display: none;
color: #000;
text-align: center;
}
#warning a {
color: #079AEC
}
#warning > #isi {
padding: 10px;
width: 300px;
display: block;
margin: 17% auto;
font: normal 13px/20px "Arial",sans-serif;
background: #D6D6D6;
border: 10px solid #F22;
}

Lalu cari kode <body> dan simpan kode HMTL dibawah ini dibawah kode <body>

<div id="warning"><div id="isi"></div></div>

Fungsi HTML tersebut untuk menampilkan pesan warningnya....
Jangan lupa juga untuk mengganti teks / kata-katanya pada kode javascriptnya yaitu pada baris ini..

var pesen = "Et'sssss baca dulu <a href='/link-privasi.html'>Privasi Policy</a>";

Silahkan anda ganti teksnya dengan kata-kata anda sendiri, Pratinjau terlebih dahulu template anda, jika tidak ada ERROR silahkan simmpan template anda, laluu coba tekan CTRL+C pada blog anda...