Untuk membuat Popup window dengan menggunakan Javascript sangat mudah. Anda cukup menggunakan sintaks :
window.open
Format sintaks tersebut adalah sebagai berikut:
window.open("filehtml.html","Judul Popup","Option");
Penjelasan singkat dari sintaks di atas adalah sebagai berikut:
- “filehtml.html” diisi dengan file yang akan di-load pada popup window. Tidak harus file html, bisa juga file php, jsp, asp, dll.
- “Judul Popup” diisi dengan judul untuk Popup Window. Saya rasa bagian ini Anda langsung mengerti
- “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 |
Pada browser modern saat ini, seperti firefox versi 3.0 (atau lebih), IE7 (atau lebih), dan browser up to date lainnya, kita tidak mungkin menghilangkan location / address bar. Fitur ini telah di-disabled sejak firefox 3.0. Jadi opsi ‘location’ tidak akan berfungsi jika digunakan.
Berikut ini contoh penggunaan sintaks tersebut:
window.open("http://www.blogger.com/","Blogger","menubar=no,width=430,height=360,toolbar=no");
Ingat bahwa sintaks option ditulis dalam satu quoted string (“…”)
