Sekarang kita akan belajar tentang cara membuka jendela baru. Masih ingat kan iklan-iklan pop up yang suka muncul kalau kita membuka situs-situs tertentu. Menyebalkan bukan ? đ makanya saya sarankan anda jangan melakukanya. Kalaupun sekarang saya memunculkan pop up, itu hanya sekedar contoh. Berikut ini adalah skript untuk memunculkan window baru.
Dengan bentuk script seperti itu, otomatis saat halaman ini diload, akan muncul pop up seperti yang telah anda lihat. Anda juga dapat memunculkan window baru saat menggunakan link, seperti pada contoh di bawah ini. Pada contoh ini kita menggunakan handler onClik.
(Di sini saya memanggilâjavascript: void (0)â, yang artinya sama saja dengan tidak memanggil apa-apa) Sekarang kita bahas satu-persatu perintah java script di atas. Perintah window.open () berguna untuk membuka window baru. Anda sudah melihat contohnya tadi. Sedang atribut (atau apapun namanya) yang berada dalam kurung terdiri dari: Sedang parameter yang dikonfigurasi bisa terdiri dari tinggi (height) dan lebar (width) window yang akan di buka. Di atas kita menentukan tinggi 300 pixel dan lebar juga 300 pixel. Ada beberapa parameter lain yang dapat di atur, antara lain: â toolbar=âyesâ atau ânoâ, berguna untuk menentukan ada tidaknya toolbar (menu di atas, yang isinya BACK, FORWARD, STOP, RELOAD,dll). Udah. Sekarang kita memperhatikan isi window kecil yang kita buka. Disana saya menuliskan perintah ini.
Pada kode di atas, âmainâ adalah nama window besar, halaman yang sekarang anda baca (asal saja ini halaman yang memang dari awal anda buka). âmainâ ini adalah default yang tidak perlu anda definisikan dahulu. Jika ingin link yang diklik ditampilkan di window kecil yang baru dibuka, menggunakan target=ânama_windowâ, untuk kasus kita namanya âlatihanâ, sehingga perintahnya menjadi target=âlatihanâ. Selain itu, saya juga menambahkan link untuk menutup window dengan menggunakan tag berikut:
Di sini self berarti window itu sendiri dan kita menggunakan method âclose()â untuk menutupnya. Sekarang saya akan memberi contoh membuka window baru, di mana isinya kita definisikan dengan menggunakan java script. Perhatikan script berikut ini.
Fungsi di atas saya aktifkan dengan link ini. link tersebut dibuat dengan menggunakan event handler onClick=âbukawindow()â. Dan sekali lagi saya memanfaatkan âjavascript:void(0)â seperti di atas, agar anda tidak pergi ke mana-mana. Hal baru pada script di atas hanyalah penggunaan perintah windowbaru.document.write(ââŚâŚâ) yang berfungsi untuk menuliskan sesuatu di dalam object âwindowbaruâ, âwindowbaruâ sendiri adalah variabel yang sebelumnya telah di definisikan dengan perintahâwindow.open()â, yang artinya âwindowbaruâ adalah window yang akan kita buka. Sedang isi di dalam kurung pada perintah âwindowbaru.document.write(ââŚ..â)â adalah kode HTML yang ingin kita tampilkan pada window baru. Baik, sekarang kita masuk ke tutorial berikutnya, jangan kaget kalau nanti tiba-tiba muncul pop up, atau alert, atau prompt, atauâŚâŚapapun. đ |