Dalam Java Script terdapat tiga macam message box standar, yaitu
-alert
-confirm
-prompt
Ketiga message box ini merupakan bagian dari objek window, dan diletakkan diantara tag <script language ="JavaScript"> dan </script>.
Alert
Alert digunakan untuk menampilkan pesan / informasi yang sifatnya penting dan mendesak.
onSelect="select_nama()">
Bentuk umum dari message box alert adalah:
window.alert(pesan);Confirm
Confirm digunakan untuk meminta konfirmasi dari pengunjung web. Nilai yang mampu ditampung oleh
message box adalah nilai true atau false. Kedua nilai ini dihasilkan dari penekanan tombol Ok atau Cancel.
Penekanan tombol Ok akan menghasilkan nilai true sedangkan penekanan tombol Cancel akan menghasilkan
tombol false.
Bentuk umum dari message box confirm adalah:
window.confirm(pertanyaan);contoh :
<SCRIPT LANGUAGE="JavaScript">
var a;
a = window.confirm("Apakah Anda perokok?");
if (a) {
document.write("Anda seorang perokok");
} else {
document.write("Anda bukan seorang perokok");
}
</SCRIPT>Prompt
Prompt dapat digunakan untuk menampung nilai yang diinputkan oleh pengunjung web.
Bentuk umum dari message box prompt adalah:
window.prompt(pesan, nilai_default);contoh :
<SCRIPT LANGUAGE="JavaScript">
var nama;
nama = window.prompt("Masukkan nama Anda", "");
document.write("Selamat Datang " + nama);
</SCRIPT>Mengenal function
Penggunaan function memungkinkan penulisan suatu kode program secara modular atau yang sering kali
disebut sebagai modular programming. Penulisan function pada JavaScript umumnya diletakkan pada bagian
HEAD dalam dokumen HTML.
Bentuk umum dalam penulisan function adalah:
function nama_function() {
//statement-statement yang akan dieksekusi oleh function
}Jika function ingin digunakan, panggil nama function.contoh :
<head>
<script language ="JavaScript">
function sapa() {
document.write("<h1>Hallo, Apa Kabar?</h1>");
}</script>
</head>
<body>
<script language ="JavaScript"> sapa();
document.write("Header ini dihasilkan dari pemanggilan function sapa");
</script></body>
Suatu function juga bisa melewatkan suatu parameter ketika function tersebut dipanggil.
Bentuk umum penulisannya adalah:
function nama_function(parameter1, parameter2, ...) {
//statement-statement yang akan dieksekusi oleh function
} Suatu function juga bisa menghasilkan suatu nilai ketika function tersebut dipanggil. Untuk menjadikan
function yang dibuat dapat menghasilkan / mengembalikan suatu nilai ketika dipanggil, yang perlu dilakukan
adalah dengan menyertakan kata kunci return di depan nilai yang akan dikembalikan oleh function tersebut.
Berikut ini adalah bentuk umum penulisannya.
function nama_function() {
//statement-statement yang akan dieksekusi oleh function
return nilai_kembali;
}Mengenal Event
Event adalah kejadian yang terjadi pada suatu halaman web. Kejadian ini bisa bermacam-macam, ada kejadian penekanan tombol, kejadian pengubahan nilai pada textbox, dan bermacam-macam kejadian lainnya.Event onClick
Event onClick merupakan kejadian penekanan tombol mouse (click) pada komponen form.
Kejadian ini bisa berupa penekanan tombol, pemilihan checkbox maupun radio button, dan pemilihan suatu link, serta penekanan tombol submit ataupun reset. Pengaturan terhadap event ini dilakukan dengan menuliskan atribut onClick pada tag HTML yang bersangkutan. Atribut ini dapat diberi nilai berupa nama function yang akan dipicu oleh event tersebut.
contoh :
<head>
<script language ="JavaScript">
function sapa() {
window.alert("Selamat Datang\n" + formku.nama.value); }
</script>
</head>
<body>
<form name="formku">
<form name="formku">
<table>
<tr><td>Nama:</td><td><input type="text" name="nama"></td></tr>
<tr><td></td><td><input type="button" value="Proses" onCLick="sapa()"></td></tr>
</table>
</form></body>
Dalam dokumen HTML untuk membuat suatu tombol bebas (selain tombol submit dan reset) dapat
menggunakan tag <input> dengan menyertakan atribut type yang diberi nilai BUTTON.Label pada tombol bisa diatur menggunakan atribut VALUE.
Untuk mengakses nilai yang tertampung dalam suatu komponen, yang perlu dilakukan adalah menyebutkan
nama form tempat komponen tersebut berada, selanjutnya baru sebutkan nama komponennya dan diakhiri
dengan kata kunci value. Penyebutan itu dilakukan dengan menyertakan tanda “.” (titik) sebagai pemisah.
Hal ini berlaku juga ketika JavaScript ingin menempatkan nilai yang dihasilkan ke dalam suatu komponen
dalam form HTML.Atribut READONLY yang terdapat pada suatu textbox menjadikan nilai pada textbox tersebut tidak dapat
diubah lewat halaman web browser.
Selain atribut READONLY terdapat atribut lain yaitu atribut DISABLED yang berfungsi untuk menonaktifkan suatu komponen form.
Event onLoad dan onUnLoad
Event onLoad berkaitan dengan kejadian pembukaan suatu file dokumen HTML ke dalam web browser
sedangkan event onUnLoad berkaitan dengan kejadian penutupan suatu file dokumen HTML oleh suatu web
browser. Baik event onLoad maupun event onUnLaod keduanya hanya dapat disertakan sebagai atribut pada tag <body>.<body onLoad="salam()" onUnload="bye()">
Event onFocus dan onBlur
Event onFocus berkaitan dengan kejadian mengarahkan fokus kursor ke suatu komponen form tertentu. EBaik event onFocus maupun event onBlur keduanya bisa diimplementasikan pada komponen textbox dan text area.
contoh :<input type="text" name="nama" onFocus="fokus_nama()" onBlur="bye_nama()">
Event onChange
vent onBlur berkaitan dengan kejadian ketika kursor beralih meninggalkan suatu komponen form tertentu. Event onChange merupakan suatu kejadian pengubahan nilai pada suatu komponen.contoh sintaks :
<input type="text" name="nama" onChange="ubah_nama()">
Event onSelect
Event onSelect berkaitan dengan kejadian pemilihan teks pada suatu komponen form seperti pemilihan teks
yang berada pada suatu textbox. Event ini bisa diterapkan pada textbox, textarea, combo box, dan list box.contoh sintaks :
<input type="text" name="nama"
Event onMouseOver dan onMouseOut
Event onMouseOver dan onMouseOut berkaitan dengan kejadian pergerakan kursor mouse pada suatu link.
Event onMouseOver terjadi ketika kursor mouse berada di atas suatu link sedangakan event onMouseOut
terjadi ketika cursor mouse bergerak meninggalkan suatu link.contoh sintaks :
<a href="http://ubuntu.com" onMouseOver="dekat()" onMouseOut="jauh()"><img src="pic1.jpg"></a>contoh sintaks :