Dalam contoh ini, dua halaman dibuat, seperti yang ditunjukkan pada Gambar 1. Index.html adalah halaman yang ditampilkan di subjendela, dan halaman bernama firstpage.html berisi link untuk membuka Index.html di subjendela. Saat tautan diklik, index.html terbuka di jendela anak. Anda dapat langsung mengeklik tautan "Tutup" di subjendela untuk menutup subjendela, atau Anda dapat mengabaikannya. Subjendela akan ditutup secara otomatis setelah 15 detik.
Gambar 1 Operasi spesifik halaman pop-up browser
adalah sebagai berikut:
1. Buat folder Smlple di situs lokal.
2. Di folder Smlple, buat file bernama Index.html dan firstpage.html.
3. Klik dua kali Index.html untuk membuka dokumen dan masuk ke jendela tampilan desain dokumen.
4. Klik menu View/Head Content untuk menampilkan area head dokumen.
5. Klik panel header dokumen di jendela tampilan Desain. Pilih menu Sisipkan/Tag Tak Terlihat/Skrip untuk membuka kotak dialog Sisipkan Skrip. Seperti yang ditunjukkan pada Gambar 2, pilih opsi JavaScript di kotak daftar drop-down Bahasa dan masukkan "setTimeout("self.close()", 15000)" di kotak teks Coctento. Klik tombol OK untuk menyelesaikan skrip yang secara otomatis menutup jendela anak 15 detik setelah memasukkannya ke dalam header dokumen. Dalam kodenya, 15000 berarti 15000 milidetik, yaitu 15 detik. Anda juga dapat memodifikasinya ke jumlah milidetik yang Anda perlukan sesuai kebutuhan.
Gambar 2 Mengatur waktu
6. Masukkan kata "Tutup" di jendela dokumen, masukkan "###" di kotak teks Tautan pada panel properti, dan atur ke tautan kosong.
7. Pada Quick Tag Editor di ujung kiri bilah status, klik tombol Tag. Pilih tautan "Tutup", lalu tekan kombinasi tombol Ctrl+T untuk membuka Editor Tag Cepat dan masuk ke mode edit tag di Editor Tag Cepat. Kemudian masukkan "onclick="selfclose()"" sebelum ">". Seperti yang ditunjukkan pada Gambar 3, setelah pengaturan selesai, klik tombol OK untuk mengonfirmasi operasi. Dengan cara ini, setelah Index.html dibuka sebagai sub-jendela, mengklik link tersebut dapat langsung menutup sub-jendela.
Gambar 3 Mengatur waktu
8. Simpan file Index.html dan keluar dari jendela Dremweaver di index.html.
9. Sekarang mulailah mendesain halaman fristpage.html. Di folder Smlple situs lokal, klik dua kali fristpage.html untuk membuka dokumen dan masuk ke jendela tampilan desain dokumen.
10. Masukkan tulisan “Klik di sini untuk membuka subjendela yang akan ditutup secara otomatis” pada dokumen. Lalu masukkan "###" di kotak teks Tautan pada panel properti untuk menyetelnya sebagai tautan kosong.
11. Anda dapat mengatur jendela Index.html agar terbuka ketika tautan diklik dengan menerapkan perilaku Buka Jendela Peramban pada tautan tersebut, namun metode yang lebih mudah adalah dengan menggunakan Quick Identity Editor. Untuk melakukannya, pertama-tama tempatkan titik penyisipan ke dalam tautan, lalu klik tombol Identitas pada Pemilih Identitas di ujung kiri bilah status untuk memilih seluruh tautan. Kemudian tekan kombinasi tombol Ctrl+T untuk membuka Quick Tag Editor dan masuk ke mode edit logo Quick Tag Editor. Kemudian masukkan "onclick="window.open('index.html',null','width=200px, height=200px')" sebelum ">" (seperti yang ditunjukkan pada Gambar 4). Setelah pengaturan selesai, tekan tombol Enter untuk mengonfirmasi operasi.
Gambar 4 Mengatur tautan agar terbuka ketika diklik
12. Operasi di atas melengkapi pengaturan untuk contoh ini. Anda dapat mengklik menu dan menggunakan File/simpan untuk menyimpan pekerjaan Anda. Kemudian tekan tombol F12 untuk melihat pratinjau efek halaman di browser.