Corso di HTML

I Layer: attributi e proprietÓ

 

I layer, come accennato alla fine della scorsa puntata, possiedono delle proprietà che possono essere modificate in base agli eventi generati dall'utente. Inoltre possiedono anche dei metodi predefiniti, cioè funzioni che consentono di effettuare particolari operazioni come: spostamenti, ridimensionamenti...

Vediamo ora in dettaglio quali sono tutti gli attributi e proprietà dei layer:

Attributi

Valori

Significato

ABOVE

Una stringa

Imposta il layer corrente sopra quello con il nome specificato

BELOW

Una stringa

Imposta il layer corrente sotto quello con il nome specificato

BACKGROUND

Una URL

Specifica l'immagine di sfondo del layer

BGCOLOR

Una terna RGB #RRGGBB

Specifica il colore di sfondo del layer tramite una terna RGB esadecimale

LEFT

Un valore intero

Specifica la distanza tra il bordo sinistro del layer ed il bordo sinistro della finestra. Nel caso di <ILAYER> specifica la distanza dal tag o testo precedente.

TOP

Un valore intero

Specifica la distanza tra il bordo superiore del layer ed il bordo superiore della finestra. Nel caso di <ILAYER> specifica la distanza dal tag o testo precedente.

WIDTH

Un valore intero

Specifica l'ampiezza in pixel del layer

ZINDEX

Un valore intero

Specifica l'ordine di profondità del layer per risolvere sovrapposizioni con altri layer

VISIBILITY

SHOW, HIDE o INHERIT

Determina la visibilità del layer. Se INHERIT il layer prende la visibilità del genitore, se SHOW il layer è visibile, mentre se HIDE il layer è nascosto e non influisce sulla visualizzazione della pagina

CLIP

Quattro valori interi separati da virgole

Specifica un rettangolo tramite le coordinate dell'angolo in alto a sinistra e di quello in basso a destra all'interno del quale è visualizzato il contenuto del layer. Il contenuto che cade all'esterno di tale rettangolo è tagliato fuori e non viene visualizzato

NAME

Una stringa

Identifica il livello tramite un nome per eventuali riferimenti da parte di altri layer o linguaggi di scripting.

Proprietà:

Nome Attributo

Variabile

Valori

Significato

above

No

Una stringa

Specifica il livello genitore di quello corrente

below

No

Una stringa

Specifica il livello figlio di quello corrente

background

Si

Una URL

Specifica l'immagine di sfondo del layer

bgColor

Si

Una terna RGB #RRGGBB

Specifica il colore di sfondo del layer tramite una terna RGB esadecimale

clip.top, clip.left, clip.right, clip.bottom, clip.width, clip.height

Si

Un valore intero

Definisce il rettangolo di clipping all'esterno del quale non viene visualizzato alcun contenuto del layer

Nome Attributo

Variabile

Valori

Significato

height

Si

Un valore intero

Specifica l'altezza del layer in pixel

width

Si

Un valore intero

Specifica la larghezza del layer in pixel

layers

No

Una matrice

Contiene nome ed indice di ogni livello definito

left

Si

Un valore intero

Specifica la distanza tra il bordo sinistro del layer ed il bordo sinistro della finestra. Nel caso di <ILAYER> specifica la distanza dal tag o testo precedente.

top

Si

Un valore intero

Specifica la distanza tra il bordo superiore del layer ed il bordo superiore della finestra. Nel caso di <ILAYER> specifica la distanza dal tag o testo precedente.

name

No

Una stringa

Identifica il nome del layer per eventuali riferimenti da parte di altri layer o linguaggi di scripting.

Nome Attributo

Variabile

Valori

Significato

sibling.Above

No

Una stringa

Indica se il livello corrente è sopra quello specificato. Se uguale a 0 allora è il livello in cima

sibling.Below

No

Una stringa

Indica se il livello corrente è sotto quello specificato. Se uguale a 0 allora è il livello in fondo

visibility

Si

Show, hide o inherit

Determina la visibilità del layer. Se inherit il layer prende la visibilità del genitore, se show il layer è visibile, mentre se hide il layer è nascosto e non influisce sulla visualizzazione della pagina

ZINDEX

Si

Un valore intero

Specifica l'ordine di profondità del layer per risolvere sovrapposizioni con altri layer

 

La colonna varibile contiene Si nel caso in cui la proprietà possa essere modificata, mentre No nel caso in cui sia di sola lettura.

Questo è tutto per quanto riguardo gli attributi e le proprietà dei layer, nella prossima puntata analizzeremo i metodi ed alcuni esempi d'uso.

 

 

Torna all'indice Generale del corso di Corso di HTML di Software Planet