Emely.Net Banner Exchange
Emely.Net Banner Exchange

 Home, Forum diskusi, Chatting, Download


Membuka dan Manipulasi Window

Jika anda pernah berurusan dengan homepage-homepage di Geocities atau Tripod, anda akan terbiasa dengan suatu jendela kecil yang muncul dengan suatu iklan banner. Bisa saja anda merasakan hal tersebut mengganggu. Tetapi anda harus percaya pada saya bahwa adalah cukup menyenangkan jika anda melalukan hal tersebut pada homepage anda. Tidak percaya...? Klik disini!

Saya tidak akan memberikan source codenya karena sebaiknya anda tidak melakukan hal tersebut pada penggunjung homepage anda ;-)

Pop-up windows biasanya digunakan ketika anda ingin menampilkan sesuatu kepada user, tetapi anda tidak ingin mereka meninggalkan halaman yang sedang mereka lihat (Mungkin anda takut mereka tidak akan kembali). 

Mari kita lihat kode yang digunakan untuk membuat link tersebut.

<a HREF onClick="window.open('http://www.indoprog.f2s.com', 'indoprog', 'width=370,height=240,status=1'); return false;">klik disini</a> Perlu dicatat bahwa saya menggunakan petik tunggal untuk string bersangkar (nested string). Bagian 'return false' memberitakukan browser bahwa ketika user melakukan klik pada link, browser tersebut tetap akan berada pada halaman yang sama dari pada halaman yang ditentukan pada HREF. Penanganan event onClick() akan memanggil  fungsi window.open() untuk membuka suatu jendela browser yang baru. Parameter pertama adalah : 'http://www.indoprog.f2s.com' merupakan URL yang akan dimuat. Parameter kedua adalah, 'indoprogWnd' merupakan nama yang akan diberikan pada jendela baru tersebut. Parameter ketiga menentukan dimensi tampilan dari jendela. Kita menentukan ukuran jendela adalah 370x240 dengan sautu status bar. Perhatikan disana ada koma untuk pemisah masing-masing elemen. Tampilan dari window dapat dikenalikan dengan option sebagai berikut:
height
Tinggi dari jendela baru dalam pixel (mis: height=100)
width
Lebar dari jendela dalam pixel (mis: width=200)
directories
Menentukan apakah browser menampilkan tombol directory sepert i"What's Cool" dll. (mis: directories=yes)
hotkeys
Mengaktifkan atau menonaktifkan aneka tombol hotkey (mis: hotkeys=no)
location
Menentukan apakah kotak "Location" ditampilkan (mis: location=yes)
menubar
Menentukan apakah jendela baru memiliki menu bar (mis: menubar=yes)
resizable
Menentukan apakah pemakai diperbolehkan untuk mengubah ukuran dari jendela baru (mis: resizable=no)
scrollbars
Menentukan apakah jendela baru memiliki scroll bars(mis: scrollbars=yes)
toolbar
Menentukan apakah jendela baru memiliki suatu toolbar (mis: toolbar=yes)

Selain nilai dari yes/no, anda dapat juga menggunakan nilai 1/0. mis, anda dengan menulis toolbar=1 sebagai penganti dari toolbar=yes.

Berikut ini adalah beberapa kombinasi yang mana dapat anda coba sendiri. Semuanya akan membuka dokumen pada suatu jendela baru dengan efek yang berbeda-beda.

<a HREF onClick="window.open('windows.html', 'newWnd', 'width=500,height=400'); return false;">Coba ini</a> Coba ini
Suatu jendela dasar, tanpa menu, tanpa toolbar, tanpa status bar, dan bahkan tanpa scroll bar.

 


<a HREF onClick="window.open('windows.html', 'newWnd', 'width=500,height=400,menubar=yes,location=yes,scrollbars=yes'); return false;">Coba ini</a> Coba ini


Suatu jendela dengan menubar, kotak location dan scroll bars.

 


<a HREF onClick="window.open('windows.html', 'newWnd', 'width=500,height=400,toolbar=1,status=1,scrollbars=1,resizable=1'); return false;">Coba ini</a> Coba ini


Suatu window dengan toolbar, statusbar dan scroll bar. Anda dapat juga mengubah ukuran jendela jika anda menginginkannya dimana hak tersebut tidak mungkin dilakukan pada jendela-jendela sebelumnya.

Pada contoh diatas, saya memisahkan kode ke dalam sejumlah baris untuk memudahkan pembacaan, tetapi jika anda ingin menggunakan-nya, pastikan segala sesuatu berada dalam petik ganda dan seluruhnya berada dalam suatu petik tunggal.


Dibuat  oleh hendra@indoprog.com
Medan - Sumatera Utara
Indonesia

1