Layer adalah inti dari metode dinamis spesifik pemrograman
HTML untuk Netscape 4. Setiap layer diperlakukan sebagai objek dokumen terpisah
di JavaScript. Konten dapat dimasukkan dalam file yang sama dalam elemen layer
non-standar (atau elemen lain dengan posisi diatur ke "mutlak" via
CSS) atau diambil dari sebuah file terpisah dengan
<layer src="url"> atau <div src =
"URL">.
Hal ini juga bisa dihasilkan melalui JavaScript dengan layer
layer = new () konstruktor. Konten kemudian akan dimasukkan ke dalam layer dengan
layer.document.write ().
Namun dalam browser modern, fungsi layer disediakan dengan
menggunakan div benar-benar strategis, atau, untuk memuat isi dari file
eksternal, frame. Tidak relevan dengan penggunaan aktual dari layer, ketika
Netscape 4 dan Internet Explorer memiliki implementasi JavaScript yang berbeda
secara signifikan, program JavaScript akan sangat sering perlu menjalankan blok
kode yang berbeda, tergantung pada browser. Untuk memutuskan mana tandan kode
untuk menjalankan, program JavaScript akan menguji dukungan untuk layer,
terlepas dari apakah program itu melibatkan layer sama sekali.
Yaitu,
if (document.layers) {
... Kode yang akan dieksekusi hanya oleh Netscape browser
...
}Else {
... Kode yang akan dieksekusi hanya oleh Internet Explorer
...
}
HTML <layer> tag:
Fungsi The HTML <layer> tag
digunakan untuk posisi dan menghidupkan (melalui scripting) unsur dalam suatu
halaman. Sebuah layer dapat dianggap sebagai dokumen
terpisah yang berada di atas yang utama, semua yang ada dalam satu jendela.
Tag ini memiliki dukungan di Netscape 4 dan versi yang
lebih tinggi dari itu. Perbedaan antara HTML dan XHTML: NONE
Contoh:
Contoh ini menciptakan tiga layer tumpang tindih. Bagian
belakang yang berwarna merah, yang di
tengah berwarna biru, dan yang depan berwarna
hijau.
<layer id="layer1"
top="250" left="50" width="200"
height="200" bgcolor="red">
<p>layer 1</p>
</layer>
<layer id="layer2"
top="350" left="150" width="200"
height="200" bgcolor="blue">
<p>layer 2</p>
</layer>
<layer id="layer3"
top="450" left="250" width="200"
height="200" bgcolor="green">
<p>layer 3</p>
</layer>
Atribut:
|
Attribute
|
Value
|
Description
|
|
above
|
layer name
|
Nama layer inline yang akan diposisikan langsung di
atas layer saat ini dalam z -order .
|
|
background
|
URL
|
Sebuah nama file atau URL untuk gambar di mana teks layer
inline dan gambar akan muncul .
|
|
below
|
layer name
|
Nama layer inline yang akan ditempatkan langsung di
bawah layer saat ini dalam z -order .
|
|
bgcolor
|
rgb(x,x,x)
#xxxxxx colorname |
Warna digunakan untuk layer inline background .
|
|
clip
|
number
|
Koordinat area pandang layer inline itu .
|
|
height
|
pixels
|
Ketinggian inline layer , dalam piksel .
|
|
left
|
number
|
Posisi sisi kiri layer inline . Jika layer inline saat
ini adalah bagian dari yang lain layer.called induk layer - maka posisi
relatif terhadap layer induk.
|
|
name
|
layer name
|
Nama layer inline .
|
|
pagex
|
number
|
Posisi sisi kiri layer inline relatif terhadap jendela
browser .
|
|
pagey
|
number
|
Posisi puncak layer inline relatif terhadap jendela
browser .
|
|
src
|
URL
|
URL halaman yang akan muncul di dalam layer inline .
|
|
top
|
number
|
Posisi puncak layer inline . Jika layer inline saat ini
adalah bagian dari layer lain - disebut layer induk - maka posisi relatif
terhadap layer induk.
|
|
visibility
|
show
hide inherit |
Menentukan apakah layer inline terlihat .
|
|
Width
|
pixels
|
Lebar inline layer , dalam piksel .
|
|
z-index
|
number
|
Posisi inline layer dalam z -order . Inline dengan layer
yang lebih tinggi nilai-nilai Z - INDEX diposisikan di atas layer seiring
dengan penurunan nilai Z - INDEX .
|
0 komentar:
Posting Komentar