JavaScript popup box
Popup box, atau bisa disebut kotak pemberitahuan, kotak peringatan. pada javascript ada 3 jenis popup yang biasa dan umum digunakan yaitu alert box, confirm box atau prompt box.
berikut adalah contoh dan keterangannya
Alert box (peringatan)
Alert box bisa digunakan untuk memberitahukan pengguna web sebuah informasi pada website tersebut, biasanya user harus melakukan sebuah tindakan mengeklik tombol pada popup box.
contoh script alert box
<html>
<head>
<script type="text/javascript">
function peringatan(){
alert("Selamat datang!");
}
</script>
</head>
<body>
<input type="button" onclick="peringatan()" value="lihat alert" />
</body>
</html>
Confirm box
Kotak konfirmasi, biasa digunakan jika pengguna web harus memverifikasi atau menerima sesuatu
contoh confirm box
<html>
<head>
<script type="text/javascript">
function box_konfirmasi(){
var r=confirm("klik tombol");
if (r==true){
alert("setuju!");
}else{
alert("batal!");
}
}
</script>
</head>
<body>
<input type="button" onclick="box_konfirmasi()" value="konfirmasi" />
</body>
</html>
Prompt box
Prompt box biasa digunakan bila pengguna harus memasukan sebuah nilai seperti nama atau alamat sebelum memasuki halaman tertentu pada website
contoh prompt box
<html>
<head>
<script type="text/javascript">
function box_prompt() {
var nama=prompt("Silahkan isi nama anda","patrick");
if (name!=null && name!=""){
document.write("Hello " + name + "! apa kabar?");
}
}
</script>
</head>
<body>
<input type="button" onclick="box_prompt()" value="pesan" />
</body>
</html>
tambahan
Sebaiknya hindari penggunaan "document.write()" bila membuat sebuah script pada javascrpit, karna akan menutupi semua halaman HTML, gunakanlah hanya dalam suatu fungsi atau untuk belajar.
Share
Comments
http://pendidikangeo.blogspot.com/
http://teknobagus.blogspot.com/
RSS feed for comments to this post