Window dan Frame
Window
dan frame membuat bingung banyak pengembang halaman Web dari pada aspek-aspek
browser lainnya. Ketika Netscape Navigator berjalan, suatu window akan dibuka,
dan tergantung bagaimana pengaturan optionnya, serta memuat suatu dokumen ke
dalam window tersebut. Jika user memilih menu option File|New Web Browser, suatu window
baru akan di buka. Dalam hal ini menutup jendela yang sebelumnya tidak akan
menutup jendela yang baru tersebut.
Pada
sisi yang lain, frame dibuat berdasarkan tag <FRAMESET>
</FRAMESET> dalam dokumen HTML. Layar akan dibagi menjadi sejumlah frame.
Ketika dokumen frame ditutup, frame menghilang karena keberadaannya tergantung
pada dokumen tersebut.
Properti Objek Window
Seperti
telah dijelaskan sebelumnya mengenai objek window, pada bagian ini akan dijelaskan lebih lanjut lagi mengenai
Objek window tersebut, karena objek ini sangat
berhubungan dengan frame dan form yang akan dibangun pada sebuah halaman HTML.
Suatu
fasilitas umum dari JavaScript adalah kemampuannya untuk membuat dan
memanipulasi window. Kemampuan ini tidak hanya terbatas pada menampilkan pesan,
tetapi sangat tergantung pada parameter yang diberikan. Berikut ini adalah
properti dari objek window yang akan mempengaruhi
fleksibilitas dari jendela browser :
1.
defaultStatus.defaultStatus adalah pesan yang dimunculkan pada
status bar ketika tidak ada tulisan yang ditampilkan disana. Jika diset dari onMouseOver event handler, event handler harus mengembalikan true untuk
perubahan status.
2.
frames. Property ini adalah
suatu array yang mengandung objek frame. Frame mewarisi semua properti dan
metode dari objek window.
3.
length. nilai dari properti ini
adalah jumlah frame dalam frame array.
4.
parent. Dari suatu acuan frame,
ini adalah window yang mana frameset berada. Suatu frame diantara frameset
tersebut dapat mengacu pada frame lain dalam frameset dengan menggunakan parent.frames[index] tanpa memiliki
acuan ke nama window.
5.
self. Ini adalah sama dengan window atau
frame yang sekarang.
6.
status. Ini adalah pesan transient yang mana
diset dengan onMouseOver event handler.
7.
top. Property ini digunakan sebagai acuan
window yang laing atas. Dapat digunakan oleh child windows atau embedded
filesets untuk mengacu pada window original.
8.
window. Property ini adalah sama dengan
window sekarang.
Bentuk untuk mengacu properti window adalah :
window.propertyName self.propertyName
top.propertyName parent.propertyName
windowVar.propertyName propertyName
Lihat contoh penggunaan properti status pada status
bar:
|
<HTML>
<HEAD>
<TITLE> ::Properti Status dari
Objek window:: </TITLE>
</HEAD>
<BODY>
<A
HREF=http://www.google.com onMouseOver="window.status='Klik
disini untuk keterangan lebih lengkap'; return true;" onMouseOut="window.status='';
">Klik disini</A>
</BODY>
</HTML>
|
Metode Objek Form
Objek
form hanya memiliki satu metode-submit. Metode submit
melakukan aksi yang sama seperti tombol submit pada HTML form dan memiliki tata
cara penulisan sebagai berikut:
document.formName.submit()
Objek element
Objek elemen berpengaruh pada isi elemen dalam tag <FORM></FORM>. Tabel 9 memperlihatkan elemen objek dan properti-nya.
Properti dari Objek
Element
|
Element objek
|
Properti
|
|
button
|
name,
value
|
|
checkbox
|
name,
value, checked, defaultChecked
|
|
hidden
|
name,
value
|
|
password
|
name,
value, defaultValue
|
|
radio
|
name,
value, checked, defaultChecked, length
|
|
reset
|
name,
value
|
|
select
|
name,
length, options array, selectedIndex
|
|
submit
|
name,
value
|
|
text
|
name,
value, defaultValue
|
|
textarea
|
name,
value, defaultValue
|
Properti adalah menggunakan pengalamatan seperti document.elementName.property, atau
document.formName.elements[index].propertyName,
dimana elementName adalah nilai dari nama property untuk objek elemen.
Metode element
Metode element melakukan emulasi dari
sepupu mereka, yaitu penanganan event:
q blur(). Metode ini memindahkan
fokus dari objek yang ditentukan, tetap tidak membuat fokus pada objek lain.
q click(). Metode ini melakukan
suatu simulasi klik mouse pada suatu objek yang ditentukan. Ketika mengacu pada
element radio, bentuknya adalah document.radioName[index].click().
q focus(). Metode ini memberikan
fokus pada objek tertentu.
q select(). Metode ini men-select
seluruh text area.
Kecuali objek radio, metode dialamatkan sebagai document.elementName.metodename(). Tabel 10 mendaftarkan element objek-objek dan metode yang
bersesuaian
Metode-Metode dari Elemen
Objek-Objek
|
Elemen objek
|
Metode
|
|
button
|
click
|
|
checkbox
|
click
|
|
hidden
|
(tidak ada metode)
|
|
password
|
blur,
focus, select
|
|
radio
|
click
|
|
reset
|
click
|
|
select
|
blur,
focus
|
|
submit
|
click
|
|
text
|
blur,
focus, select
|
|
textarea
|
blur,
focus, select
|
0 comments:
Post a Comment