Cara Membuat Pop-up Window | OOM RIO
Home » Cara Membuat Pop-up Window » css link » HTML Link » JavaScript » Link » Pop-up Window » Cara Membuat Pop-up Window

Saturday, April 16, 2011

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:


Posted by at 9:05 AM
Labels: , , , , ,

0 comments:

Post a Comment

Informasi Pilihan Identitas:
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).

Subscribe to: Post Comments (Atom)