Cara Membuat Pop-up Window

Pop-up Window berfungsi menampilkan sebuah objek seperti halaman web, gambar atau dokumen yang lain pada jendela browser yang baru. Sehingga pembaca tidak kehilangan halaman yang sedang atau belum selesai dibaca. Dengan demikian pada saat bersamaan pembaca dapat membuka sebuah link tanpa harus meninggalkan halaman tersebut.
Belajar JavaScript kali ini akan memberi contoh penggunaan JavaScript Pop-up Window untuk  menampilkan sebuah objek gambar.

Perhatikan contoh dibawah ini :

Berikut kode JavaScript Pop-up Window contoh diatas :

<script type="text/javascript">
function open_gambar()
{
window.open("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vvweyzyuKnJYB0k4atauE_W2lmO2MDPlpAt-6Oed3i-qKwvH_vBJrCKgpNKujJlKfFJ7HVrZNuR1KpBvUBZmOObtVHwgLRsZfUuAaDmXzjFlDejr0Tbacnn9REgeSXjOQ9wDIFFYzc87/s400/Logo+cara+buat+web+gratis.jpg"," _blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
}
</script>

<center>
<img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vvweyzyuKnJYB0k4atauE_W2lmO2MDPlpAt-6Oed3i-qKwvH_vBJrCKgpNKujJlKfFJ7HVrZNuR1KpBvUBZmOObtVHwgLRsZfUuAaDmXzjFlDejr0Tbacnn9REgeSXjOQ9wDIFFYzc87/s100/Logo+cara+buat+web+gratis.jpg" width="200" />
<form>
<input type="button" value="Perbesar Gambar" onclick="open_gambar()">
</form>
</center>

Catatan : Ganti Ulr lokasi gambar dengan milik anda.

Ok...., Silahkan anda coba dan Semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Judul: Cara Membuat Pop-up Window; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts