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. |
|
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