Popup Window dengan Javascript

Ketika kita membuat suatu aplikasi penjualan pasti ada laporan yang akan dicetak ke printer, sering kita mengeluhkan ketika di print semua halaman website ikut di print juga, kita bisa mengatasinya dengan menambahkan popup window pada laporan kita, kitika link laporan diklik popup window akan tampil dengan isi laporan dan bisa di print satu halaman kusus buat laporan.

window.open("lihat_laporan.php","Judul Popup Window","Option");

Penjelasan singkat dari sintaks di atas adalah sebagai berikut:

1. "lihat_laporan.php" diisi dengan file yang akan di-load pada popup window.
2. "Judul Popup Window" diisi dengan judul untuk Popup Window.
3. "Option", diisi dengan opsi-opsi popup window sesuai dengan kebutuhan Anda.

Opsi-opsi yang tersedia adalah sebagai berikut:

Option	Values	Description
location	yes|no	Does the location bar show?
menubar	yes|no	Does the menubar show?
scrollbars	yes|no	Do scrollbars show?
status	yes|no	Does the status bar show|
titlebar	yes|no	Does the titlebar show?
toolbar	yes|no	Does the toolbar show?
resizable	yes|no	Can you resize the window?
height	pixels	height of window
width	pixels	width of window
directories	yes|no	Does the personal toolbar show?
innerHeight	pixels	specifies the inner height of window
innerWidth	pixels	specifies the inner width of window
screenX	pixels	specifies distance from left edge of screen
screenY	pixels	specifies distance from top edge of screen

Berikut adalah kodenya :
mengatur tinggi dan lebar popup window

window.open( "lihat_laporan.php?kd="+kode, "print", "status=no,menubar=no,toolbar=no,scrollbars=yes,width=800,height=400,resizable=yes" )

mengatur popup window full screen

window.open( "lihat_laporan.php?kd="+kode, "print", "status=no,menubar=no,toolbar=no,scrollbars=yes,type=fullWindow,fullscreen,resizable=yes" )

kode popup window di atas mungkin hanya satu kali tampil dalam pemanggilannya, misal kita mengklik link dua kali hanya satu window yang tampil dengan isi yang sudah disegarkan.
apabila kita menginginkan apabila link diklik berkali-kali akan muncul window berjumlah link yang diklik, contoh kodenya seperti di bawah ini. bedanya hanya pada judul popup window di beri nama "_blank".

var wnd = window.open('', '_blank', 'width=750, height=400, location=0, resizable=1, menubar=0, scrollbars=0');
 wnd.document.write('xxxxxxxxxxxxxxxxxxxxxxx');
 wnd.document.close();

Posted in: Javascript