Buscar

Pop-Up Window di Javascript

Selamat pagi bloggers. Lanjut dari postingan kemarin yaa..masih seputar Javascript yaitu membuat pop-up window. 
Secara sederhana pop-up window dapat diartikan window tambahan yang muncul mengiringi window utama. Misalnya kita mengunjungi suatu website tetapi juga muncul window lainnya setelah website utama muncul. Nah metode ini banyak yang dimanfaatkan para pengiklan untuk memunculkan iklan mereka. Pada pembahasan kita kali ini kita akan coba membuat pop-up window. Ya.. tentu masih menggunakan jurus kita yaitu javascript.
Dalam contoh ini kita akan mambuat dua file. File yang pertama bernama popup1.php dan yang kedua adalah popup2.php. Tugas file popup1.php adalah memunculkan window popup2.php.
Script pada popup1.php
<html>
<head>
<title>Membuat Pop-Up Window</title>
<script language="javascript">
function buka_popup(){
 window.open('popup2.php', '', 'width=640, height=480, menubar=yes,location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');
}
</script>
<body onLoad="buka_popup();">
<p>Anda juga dapat membuka window popupnya dari sini</p>
<a href="javascript: buka_popup();">KLIK DISINI</a>
</body>
</html>
Script pada popup2.php
<html>
<head>
<title>Ini Window Ke 2</title>
</head>
<body>
<p>Jika anda dapat melihat saya maka anda berhasil</p>
<a href="javascript: window.close()">Tutup Window[X]</a>
</body>
</html>
Outpunya :
Semoga bermanfaat :)

0 comments:

Posting Komentar