Download - catatan popup boxes html javascript
Hal : 1 dari : 3
PoPuP BoXeS Alert Box
Digunakan jika Anda ingin membuat Informasi yang diberikan ke pengguna.
Ketika dijalankan pengguna dapat menekan tombol “Ok” untuk proses.
Syntax:
Alert("teks")
Contoh Alert Box :
<html>
<head>
<script type="text/javascript">
function tampil()
{
alert("Selamat Belajar!!")
}
</script>
</head>
<body>
<form>
<input type="button" onclick="tampil()" value="Tekan Tombol Alert
Box Ini!">
</form>
</body>
</html>
Contoh Alert Box dengan line break :
<html>
<head>
<script type="text/javascript">
function tampil()
{
alert("Selamat Belajar!" + '\n' + "Mari Kita Belajar Alert Box!")
}
</script>
</head>
<body>
<form>
<input type="button" onclick="tampil()" value="Tekan Alert Box dgn
Line Break Ini!">
</form>
</body>
</html>
Hal : 2 dari : 3
Confirm Box
Digunakan jika Anda menginginkan pengguna untuk memasukkan/memilih
sesuatu pilihan. Ketika dijalankan pengguna dapat menekan “ OK “ atau
“Cancel” untuk proses.
Jika pengguna menekan tombol “Ok” kondisinya benar, jika pengguna menekan
tombol “Cancel” kondisinya salah.
Syntax:
Confirm("teks")
Contoh Confirm Box:
<html>
<head>
<script type="text/javascript">
function tampil()
{
var name=confirm("Silahkan Tekan Salah Satu Pilihan Tombol!")
if (name= =true)
{
document.write("Anda Menekan Tombol OK!")
}
else
{
document.write("Anda Menekan Tombol Cancel!")
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="tampil()" value="Tombol Confirm
Box!">
</form>
</body>
Prompt Box
Digunakan jika Anda menginginkan pengguna untuk menginput nilai sebelum
menampilkan ke halaman/document. Ketika dijalankan pengguna menekan
tombol “OK” atau “Cancel” untuk proses setelah memasukkan input nilai. Jika
pengguna menekan tombol “OK” mengembalikan ke input nilai, jika menekan
tombol “Cancel” mengembalikan ke null/tidak mempunyai nilai.
Syntax:
Prompt("teks","defaultvalue")
Hal : 3 dari : 3
Contoh Prompt Box :
<html>
<head>
<script type="text/javascript">
function tampil()
{
var name=prompt("Silakan Masukkan Nilai Anda : ","")
if (name!=null && name!="")
{
document.write("Hai " + name + "! Bagaimana Kabar Anda Hari Ini?")
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="tampil()" value="Tombol Prompt Box">
</form>
</body>
</html>