Layaknya bahasa pemrograman desktop seperti visual basic, visual foxpro, dll dalam pemrograman webpun kita bisa membuat sebuah messsagebox dengan menggunakan javascript.
Adapun beberapa contoh penggunaan messagebox dengan menggunakan javascript yang akan saya bahas pada tutorial ini adalah sebagai berikut :
1. Membuat sebuah messagebox pada saat website pertama kali diload :
dengan menggunakan kode diatas akan menampilkan pesan Hello World pada saat web diload..
<html>
<body>
<script type="text/javascript">
alert("Hello world")
</script>
</body>
</html>
2. Membuat sebuah messagebox ketika sebuah link di click :
<html>3. Menampilkan messagebox ketika sebuah buton diclik :
<body>
<A HREF='javascript:onClick=alert("Anda menglick sebuah link")'>Click here</A>
</body>
</html>
<html>4. Menampilkan sebuah dialog konfirmasi :
<body>
<form>
<input type="button" name="click" value="Click To Alert" onclick='alert("Anda mengclick sebuah tombol")'>
</form>
</body>
</html>
<html>penggunaan messagebox dengan javascript ini juga bisa digunakan untuk meredirect ke suatu halaman tertentu yang kita tunjuk bila tombol OK pada messageboxnya di click.
<body>
<script type="text/javascript">
var answer = Confirm: ("Ingin melanjutkan?")
if (answer)
alert("Anda memilih: Ok")
else
alert("Anda memilih: Cancel")
</script>
</body>
</html>
<html>5. Menampilkan sebuah dialog konfirmasi untuk menghapus data menggunakan sebuah fungsi :
<body>
<script type="text/javascript">
var answer = Confirm: ("Mau diredirect?")
if (answer)
window.location = "http://www.gnoubdils.blogspot.com"
else
alert("Tidak jadi diredirect")
</script>
</body>
</html>
Tambahan kode berikut ini setelah <head> dan sebelum </head>
<script language="JavaScript">Adapun contoh dalam pemanggilan fungsi tersebut pada saat link di klik adalah sebagai berikut :
function konfirmasi(del)
{
tanya = confirm('Hapus '+ del + '?');
if (tanya == true) return true;
else return false;
}
</script>
<a href=aksi.php?page=news&act=del&id=$r[idberita] onclick=\"return konfirmasi('".$r['judul']."')\">Hapus</a>silahkan anda kembangkan lagi kode diatas...
semoga bermanfaat..
3 comments:
pada script ini --
tanya = confirm('Hapus '+ del + '?');
-------------------------------------
kok tidak bisa keluar message box konfirmasi ya?
mohon bantuannya, terimakasih
dan kenapa script :
window.location = "http://www.gnoubdils.blogspot.com"
tidak mau load ke halaman yang ditunjuk?
javascript di browsernya diaktifin ga??
bisa minta script lengkapnya?? biar bisa dilihat kalo ada kesalahan
Post a Comment