Kumpulan Kode JavaScript Siap Pakai Untuk Blog
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 pasteApabila 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!!” .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”)
3. Menampilkan PopUp Window
<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><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>
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,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’) ” ><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>
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<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>
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<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>
- Log in ke blog anda
- Klik Rancangan / Layout
- KLik Tambah gadget
- Klik Html / Javascript
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.
