Java Script Pengertian Javascript Aplikasi Javascript - Input Box - Pop Up Window - Dilarang Klik Kanan - Menampilkan Hari dan Tanggal A’ud Solehuddin::Februari2012
Javascript Javascript merupakan bahasa pemrograman berbasis web dan berorientasi objek atau sering juga disebut OOP (Object Oriented Programming). Dimana dianggap sebuah objek memiliki metode, properti dan event yang berbeda. Contohnya ketika kita mengklik tombol maka akan muncul sebuah pesan peringatan. Ketika kursor melintasi link muncul pesan. Itulah beberapa contoh OOP sederhana. Kode javascript dalam HTML diapit oleh tag: <script language=”javascript”> ...... </script> seperti halnya CSS kode javascript dapat disimpan pada sebuah file. Untuk mengaksesnya digunakan perintah <script language=”javascript” src=”lokasi_file”></script>
Javascript Javascript biasanya gunakan untuk event-event tertentu. Seperti event onload, onkeydown, onkeyup, onchange, onclick dan sebagainya. Pada javascript setiap akhir dari suatu baris kode diakhiri dengan tanda ;(titik koma). Function merupakan syntax untuk menuliskan suatu fungsi. Fungsi sangat berguna agar kita tidak perlu menuliskan beberapa perintah berulang-ulang. Nama suatu fungsi tidak boleh mengandung spasi dan harus diawali oleh huruf dan harus ditutup dengan tanda (). Fungsi diapit oleh tanda { .... }
Input Box 1. warning.html <head> <title>Menampilkan pesan Warning</title> <script language="javascript"> var pesan = "Dilarang Masuk selain Petugas!"; function warning() { alert(pesan); } function password() var passwd = prompt("Masukkan Password"); if (passwd != 'petugas') alert('Gagal'); else alert('Sukses'); </script>
Input Box </head> <body onload="warning();"> <p><b>TEMPAT RAHASIA</b></p> <p>Sekali lagi saya tegaskan jangan memasuki area ini selain petugas. BERBAHAYA!!!</p> <a href="javascript: password();">Masuk =></a> </body> </html> Note : Coba anda tebak mana yang merupakan fungsi ?
Input Box 2. warning_2.html <html> <head> <title>PARAMETER DALAM FUNGSI</title> <script language="javascript"> function warning(pesan_kita) { alert(pesan_kita); } function password(pesan_prompt, pesan_sukses, pesan_gagal)
Input Box var passwd = prompt(pesan_prompt); if (passwd != 'petugas') { alert(pesan_gagal); } else alert(pesan_sukses); </script> </head> <body onload="warning('Dilarang Masuk Selain Petugas');"> <p><b>TEMPAT RAHASIA</b></p> <p>Sekali lagi saya tegaskan jangan memasuki area ini selain petugas. BERBAHAYA!!!</p> <a href="javascript: password('Masukkan Password:', 'Password Benar!', 'Password Salah');">Masuk =></a> </body> </html>
Pop-Up Window Secara sederhana pop-up window dapat diartikan window tambahan yang muncul mengiringi window utama.
Pop-Up Window 1.popup.html <html> <head> <title>Membuat Pop-Up Window</title> <script language="javascript"> function buka_popup() { window.open('popup_2.html', '', 'width=640, height=480, menubar=yes, location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no, toolbar=no'); } </script> <body onload="buka_popup();"> <p>Anda juga dapat membuka window popupnya dari sini</p> <a href="javascript: buka_popup();">KLIK DISINI</a> </body> </html>
Pop-Up Window 2. popup_2 <html> <head> <title>Ini Window Ke 2</title> </head> <body> <p>Jika anda dapat melihat saya maka anda berhasil</p> <a href="javascript: window.close()">Tutup Window[X]</a> </body> </html>
Dilarang Klik-Kanan Pernahkah anda mengalami saat ketika sedang surfing dan ingin menyimpan gambar yang ada di website tersebut, namun saat anda mengklik kanan tiba-tiba oops. Sorry, not allowed to save the pictures.
Dilarang Klik-Kanan <html> <head> <title>No Right Click</title> <script language="javascript"> var pesan = 'Boy, mau ngapain?'; function klik_IE() { if (event.button == 2){ alert(pesan); }
Dilarang Klik-Kanan function klik_NS(e) { if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } if (document.layers) document.captureEvents(event.mousedown); document.onmousedown = klik_NS; else if (document.all && !document.getElementById) document.onmousedown = klik_IE; document.oncontextmenu = new Function("alert(pesan); return false") </script> </head>
Dilarang Klik-Kanan <body> <p>COBA KLIK KANAN</p> </body> </html>
Menampilkan Hari dan Tanggal <html> <head> <title>Menampilkan Hari dan Tanggal</title> <script language="javascript"> function show_hari() { //membuat variabel bertipe array untuk nama hari var NamaHari = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"); //membuat variabel bertipe array untuk nama bulan var NamaBulan = new Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); var sekarang = new Date(); var HariIni = NamaHari[sekarang.getDay()];
Menampilkan Hari dan Tanggal var BulanIni = NamaBulan[sekarang.getMonth()]; var tglSekarang = sekarang.getDate(); var TahunIni = sekarang.getFullYear(); document.write(HariIni + ", " + tglSekarang + " " + BulanIni + " " + TahunIni); } </script> </head> <body> <p><font color="red">Hari Ini: </font><script>show_hari();</script>.</p> </body> </html>