Anda di halaman 1dari 7

Kumpulan Kode JavaScript Siap Pakai

Untuk Blog

1. Menonaktifkan Klik Kanan Pada Mouse


Tambah kode javascript dibawah ini pada dokumen HTML anda :
<body oncontextmenu=’return false;’>
Sekedar tambahan, selain fungsi oncontextmenu ada juga fungsi lain yang sering digunakan yaitu
onkeydown, onclick, dan onmousedown. Silahkan dicoba dan di otak-atik sendiri untuk
mengetahui masing-masing fungsi tersebut.
2. Script untuk mencegah tindakan copy paste
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”)
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,le
ft =
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 :
<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.
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,le
ft =
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.
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>
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).
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>
Kumpulan javascript buat Anda yang suka otak atik blog mungkin javascript di bawah ini bisa
bermanfaat buat anda, cara memasangX pun mudah sekali anda hanya perlu

1. Log in ke blog anda


2. Klik Rancangan / Layout
3. KLik Tambah gadget
4. Klik Html / Javascript
Dan Pastekan kode nya di kolom bagian bawah

A. Text Alert ( peringatan saat buka blog )

<body onLoad="alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');"></body>

B. Text Alert Saat Mau keluar Blog

<body onUnLoad="alert('Kapan2 mampir Lagi ya');"></body>

C. Teks alert pada Link ( saat kita klik link maka akan ada peringatan muncul )

<a href="http://sin1aja.blogspot.com"onClick="alert('Siapa...silahkan masuk'); return


true">JUDUL LINK</a>

D. Teks jalan bolak balik Lambat ( santai )

<marquee bgcolor=red behavior=alternate scrolldelay=280>Kata2 anda disini</marquee>

E. Teks jalan ke bawah

<marquee bgcolor=yellow direction=down>Kata2 anda disini</marquee>

F. Teks jalan bolak balik

<marquee bgcolor=blue behavior=alternate>Kata2 anda disini</marquee>

G. Teks jalan ke kanan

<marquee bgcolor=green direction=right>Kata2 anda disini</marquee>

H. Teks jalan ke kiri

<marquee bgcolor=olive direction=left>Kata2 anda disini</marquee>

I. Teks jalan ke atas

<marquee bgcolor=red font color=olive direction=up>Kata2 anda disini</marquee>

J. Script Anti cOpy Paste

<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

K. Script Anti klik kanan

<script language=JavaScript>
<!--
//For full source code, visit http://www.dynamicdrive.com

var message="ganti tulisan ini dengan pesan Anda";


///////////////////////////////////
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")
// -->
</script>

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.
Demikian share kali ini semoga bisa di ambil manfaatnya. Terimakasih.