Membuat Popup Boxes dengan Javascript

Membuat Popup Boxes dengan Javascript
Membuat Popup Boxes dengan Javascript

JAVASCRIPT


Tutorial kali tentang Membuat Popup Boxes dengan Javascript. Javascript memiliki tiga (3) jenis Popup Boxes, diantaranya adalah : Kotak Peringatan, kotak Konfirmasi , dan kotak Prompt.

1. Alert Boxes (Kotak Pemberitahuan)

Alert Boxes atau Kotak peringatan ini sering digunakan jika ingin membuat informasi notifikasi/pemberitahuan datang kepada pengguna. Ketika kotak peringatan muncul, pengguna harus memilih tombol Next, close , atau Ok untuk melanjutkan.

Berikut contoh syntax dari Alert Boxes :
alert(“sometext“);

Contoh :
<html>
<head>
<script type=”text/javascript”>
function show_alert()
{
alert(“I am an alert box!”);
}
</script>
</head>
<body>

<input type=”button” onclick=”show_alert()” value=”Show alert box” />

</body>
</html>

2. Konfirm Boxes (Kotak Konfirmasi)

Kotak konfirmasi, kotak ini sering digunakan jika Anda ingin pengguna untuk memverifikasi atau menerima sesuatu.

Ketika kotak konfirmasi muncul, pengguna akan diperlihatkan dua pilihan yaitu "OK" dan "Batal" untuk melanjutkan. Jika mengklik "OK", maka kotak tersebut akan mengembalikan nilai true. Jika pengguna mengklik "Batal", kotak akan kembali.

Berikut contoh syntax dari Konfirm Boxes :
confirm(“sometext“);
Contoh :
<html>
<head>
<script type=”text/javascript”>
function show_confirm()
{
var r=confirm(“Press a button”);
if (r==true)
{
alert(“You pressed OK!”);
}
else
{
alert(“You pressed Cancel!”);
}
}
</script>
</head>
<body>

<input type=”button” onclick=”show_confirm()” value=”Show confirm box” />

</body>
</html>

 

3. Promt Boxes

Promt Boxes, merupakam kotak prompt yang digunakan jika Anda ingin pengguna untuk memasukkan nilai sebelum memasuki sebuah halaman.

Ketika kotak prompt muncul, pengguna akan diperlihatkan dua buah pilihan "OK" atau "Batal" untuk melanjutkan setelah memasukkan nilai input. Jika pengguna mengklik "OK" kotak mengembalikkan nilai masukan. Jika pengguna mengklik "Batal" kotak kembali nol.

Berikut contoh syntax dari Promt Boxes :
prompt(“sometext“,”defaultvalue“);
Contoh :
<html>
<head>
<script type=”text/javascript”>
function show_prompt()
{
var name=prompt(“Please enter your name”,”Harry Potter”);
if (name!=null && name!=””)
{
document.write(“Hello ” + name + “! How are you today?”);
}
}
</script>
</head>
<body>

<input type=”button” onclick=”show_prompt()” value=”Show prompt box” />

</body>
</html>

javascript || css || html

Membuat Popup Boxes dengan Javascript Membuat Popup Boxes dengan Javascript Reviewed by Ardy S on June 01, 2015 Rating: 5

No comments:

Powered by Blogger.