Beberapa kode JavaScript siap pakai yang cukup berguna anda tinggal copy paste ke dalam website/blog untuk melihat hasilnya.
1. Menonaktifkan Klik Kanan Pada Mouse
<script type=”text/javascript” >
var message=”Maaf, gak boleh klik kanan sob!!”;
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
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(“alert(message);return false”)>
var message=”Maaf, gak boleh klik kanan sob!!”;
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
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(“alert(message);return false”)>
2. Menampilkan Isi dari Suatu Form
Apabila anda menginginkan website anda terlindungi dari tindakan copy paste konten atau sekedar ingin mencegah seseorang agar tidak mudah melihat source html dari website anda. Berikut source kodenya:
<script language=”JavaScript”>
var message=”Maaf, gak boleh klik kanan sob!!”;
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
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(“alert(message);return false”)
var message=”Maaf, gak boleh klik kanan sob!!”;
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
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(“alert(message);return false”)
Bila ada seseorang yang mengakses website anda, akan tampil kotak peringatan saat mouse di klik kanan yang menampilkan alert box “Maaf, gak boleh klik kanan sob!!” .
3. Menampilkan PopUp Window
PopUp Window banyak di gunakan situs-situs advertiser sepeti z*d guna menampilkan keterangan iklanya. Biasanya PopUp Window muncul ketika visitor mengeklik banner atau gambar. Berikut source kodenya:
<html>
<head>
<title> </title>
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
</script>
</head>
<body>
<a href=”javascript:popUp(‘popup.html’)”>popup</a>
</body>
</html>
<head>
<title> </title>
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
</script>
</head>
<body>
<a href=”javascript:popUp(‘popup.html’)”>popup</a>
</body>
</html>
Perhatikan pada tag : <a href=”javascript:popUp(‘popup.html’)”>popup</a>
Pada saat mouse mengklik kata : popup, javascript akan memanggil fungsi popUp() dengan membawa
link popup.html. Window popup akan muncul dengan menampilan halaman popup.html. Karenanya kita
siapkan file popup.html,. Berikut source kodenya :
Pada saat mouse mengklik kata : popup, javascript akan memanggil fungsi popUp() dengan membawa
link popup.html. Window popup akan muncul dengan menampilan halaman popup.html. Karenanya kita
siapkan file popup.html,. Berikut source kodenya :
<html>
<head>
<title>popup</title>
</head>
<body>
Halaman PopUp
</body>
</html>
<head>
<title>popup</title>
</head>
<body>
Halaman PopUp
</body>
</html>
Kita dapat mengatur properties dari window popup yang akan dimunculkan dengan mengatur setting
properties pada fungsi popup(). Standar window popup yg sering digunakan adalah men-setting semua
properties menjadi 0 (disable), kecuali ukuran width untuk lebar popup & height untuk tinggi popup.
Semua setting tersebut dapat kita atur sesuai kebutuhan.
properties pada fungsi popup(). Standar window popup yg sering digunakan adalah men-setting semua
properties menjadi 0 (disable), kecuali ukuran width untuk lebar popup & height untuk tinggi popup.
Semua setting tersebut dapat kita atur sesuai kebutuhan.
4. Buka Window Baru Pada Saat Menutup Window
Script di bawah ini bisa di bilang cukup jahil juga apabila di pasang pada website/blog , karena saat halaman di tutup/close dengan mengklik tanda x maka yang terjadi akan di tampilkan halaman lain lagi. Berikut source kodenya:
<html>
<head>
<title> </title>
<script>
<!– Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
// End –>
</script>
</ head >
<body onunload=”javascript:popUp(‘popup.html’)”>
Tutup halaman web ini maka akan terbuka window baru secara otomatis
</ body >
</html>
<head>
<title> </title>
<script>
<!– Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
// End –>
</script>
</ head >
<body onunload=”javascript:popUp(‘popup.html’)”>
Tutup halaman web ini maka akan terbuka window baru secara otomatis
</ body >
</html>
Perhatikan pada tag < BODY BGCOLOR=”#FFFFFF” onunload=”javascript:popUp(‘popup.html’) ” >
properties : onunload inilah yang akan memanggil fungsi javascript untuk membuka halaman popup.html pada saat window browser utama ditutup. Oleh karena itu anda harus menyiapkan file popup.html , bisa diambil dari source file popup.html di atas.
properties : onunload inilah yang akan memanggil fungsi javascript untuk membuka halaman popup.html pada saat window browser utama ditutup. Oleh karena itu anda harus menyiapkan file popup.html , bisa diambil dari source file popup.html di atas.
5. Pembatasan Input Textbox Hanya Numerik
Script ini di gunakan apabila kita hanya menginginkan penginputan suatu form di batasi oleh numeric atau angka saja. Misalnya kita membuat form input untuk No. Telp, kita bisa menggunakan script ini. Berikut source kodenya:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<form name=”form1″ method=”post” action=”">
<input name=”periode” type=”text” id=”periode” size=”15″ maxlength=”15″ onKeypress=”if
(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;”>
</form>
</body>
</html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<form name=”form1″ method=”post” action=”">
<input name=”periode” type=”text” id=”periode” size=”15″ maxlength=”15″ onKeypress=”if
(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;”>
</form>
</body>
</html>
Properties onKeyPress dengan kondisi diatas akan membatasi berfungsinya tombol di keyboard sebatas
numerik (angka) saja yang bisa diinput. Kita juga dapat mengubah kondisi tersebut sesuai keinginan kita
dengan mengganti atau menambahkan kode. Untuk kasus diatas, numeric (angka) pada tombol keyboard
adalah diantara kode 48 sampai kode 57. Selengkapnya (http://rmhh.co.uk/ascii.html).
numerik (angka) saja yang bisa diinput. Kita juga dapat mengubah kondisi tersebut sesuai keinginan kita
dengan mengganti atau menambahkan kode. Untuk kasus diatas, numeric (angka) pada tombol keyboard
adalah diantara kode 48 sampai kode 57. Selengkapnya (http://rmhh.co.uk/ascii.html).
6. Counter Karakter Pada TextArea
Apabila anda pernah mengunjungi sebuah situs yang menyediakan layanan sms gratis misalnya, dalam form inputan text pesan di batasi hanya 160 karakter. Berikut source kodenya:
<head>
<title</title>
<meta http-equiv=’Content-Type’ content=’text/html; charset=iso-8859-1′>
<script>
function CountMax()
{
var wert,max;
max = 100
wert = max-(document.form1.question.value.length);
if (wert < 0) {
alert(“Maaf, batas maksimum pengisian adalah ” + max + ” karakter!”);
document.form1.question.value = document.form1.question.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form1.rv_counter.value = wert;
} else {
document.form1.rv_counter.value = max-(document.form1.question.value.length);
}
}
</script>
</head>
<body >
<form name=”form1″ method=”post” action=”">
<textarea name=”question” cols=”60″ rows=”3″ id=”question” OnFocus=”CountMax();”
OnClick=”CountMax();” ONCHANGE=”CountMax();” onKeydown=”CountMax();”
onKeyup=”CountMax();” wrap=”virtual”></textarea>
<font face=”Arial, Helvetica, sans-serif, Bookman Old Style, Comic Sans MS” size=”2″>sisa
<input name=”rv_counter” type=”TEXT” size=”3″ maxlength=”3″ value=”100readonly></form>
</body>
</html>
<title</title>
<meta http-equiv=’Content-Type’ content=’text/html; charset=iso-8859-1′>
<script>
function CountMax()
{
var wert,max;
max = 100
wert = max-(document.form1.question.value.length);
if (wert < 0) {
alert(“Maaf, batas maksimum pengisian adalah ” + max + ” karakter!”);
document.form1.question.value = document.form1.question.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form1.rv_counter.value = wert;
} else {
document.form1.rv_counter.value = max-(document.form1.question.value.length);
}
}
</script>
</head>
<body >
<form name=”form1″ method=”post” action=”">
<textarea name=”question” cols=”60″ rows=”3″ id=”question” OnFocus=”CountMax();”
OnClick=”CountMax();” ONCHANGE=”CountMax();” onKeydown=”CountMax();”
onKeyup=”CountMax();” wrap=”virtual”></textarea>
<font face=”Arial, Helvetica, sans-serif, Bookman Old Style, Comic Sans MS” size=”2″>sisa
<input name=”rv_counter” type=”TEXT” size=”3″ maxlength=”3″ value=”100readonly></form>
</body>
</html>
Perhatikan pada properties TextArea tsb, setiap kali kita mengetikkan karakter atau angka di TextArea,
maka fungsi javascript CountMax akan selalu menghitung jumlah karakter atau angka yang terisi pada
TextArea. Setiap hitungan akan langsung secara otomatis mengisi kolom TextBox (rv_counter)
dibawahnya. Pengisian tsb berupa pengurangan maksimal input keyboard yg didefinisikan dgn variable
max=100 oleh tiap ketikan input keyboard yang kita lakukan. Pada saat jumlah inputan keyboard sama
dengan atau lebih besar dari variable max=100, maka fungsi alert akan ter-eksekusi.
maka fungsi javascript CountMax akan selalu menghitung jumlah karakter atau angka yang terisi pada
TextArea. Setiap hitungan akan langsung secara otomatis mengisi kolom TextBox (rv_counter)
dibawahnya. Pengisian tsb berupa pengurangan maksimal input keyboard yg didefinisikan dgn variable
max=100 oleh tiap ketikan input keyboard yang kita lakukan. Pada saat jumlah inputan keyboard sama
dengan atau lebih besar dari variable max=100, maka fungsi alert akan ter-eksekusi.
