contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Membuat Pop Up Window dengan Javascript

Posted in Javascript Jquery Life at 14 April 2016 With 0 Comments

admin siang hari ini akan share Cara membuat POP UP window dengan javascript, Lanjut dari postingan kemarin yaa Mengambil Nilai dari Checkbox dengan Javascript.. disini 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.

Demo Pop Up window Dengan Javascript

cara membuat pop up window dengan javascript

Cara Membuat Pop Up Window dengan Javascript

▼ Download Source Code Dibawah Ini ▼



langsung saja kita ke coding ya ,

popup1.html

<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>

popup2.html

<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>

Jalankan popup1.html dengan menggunakan browser, nah.. bagaimana... ???

Sekian dulu artikel Cara Membuat POP up window dengan Javascript , semoga artikel ini dapat bermanfaat

Artikel Terkait

Diskusi