Alladyn wprowadza szereg mechanizmów służących do szybkiej i łatwej zmiany wyglądu, pozycji i zawartości poszczególnych warstw. Rozszerzenia wprowadzone przez Alladyna charakteryzują się prefiksem "v" w nazwie.
4.1. Pozycjonowanie - metoda
vpos(left,top).
Metoda ta zapewnia szybką zmianę pozycji warstwy. Jest odpowiednikiem jednoczesnego użycia
style.left oraz
style.top. Przypisana jest jednak, podobnie jak inne rozszerzenia Alladyna, bezpośrednio do obiektu warstwy, nie zaś do podobiektu
style, w którym znajdują się standardowe właściwości DOM, co pozwala także na znaczne skrócenie dostępu do niej.
Przykładowy sposób użycia:
vlay.nazwawarstwy.vpos(100,50)
Chcąc zrobić to samo bez Alladyna, musielibyśmy wykonać dla odpowiednich przeglądarek:
W Internet Explorerze 4 i wyższych:
document.all.nazwawarstwy.style.top = 100
document.all.nazwawarstwy.style.left = 50
W Netscape 4.xx:
document.layers.nazwawarstwy.top = 100
document.layers.nazwawarstwy.left = 50
W Netscape 6:
warstwa = document.getElementById("nazwawarstwy")
warstwa.style.top = 100
warstwa.style.left = 50
Przykład 4.1 - przykład obrazujący pozycjonowanie warstw przy pomocy
vpos.
4.2. Kadrowanie - metoda
vclip(top,right,bottom,left).
Metoda pozwala na kadrowanie warstwy. Parametrami są liczby określające wartości odpowiednio górnego, prawego, dolnego i lewego brzegu kadru. Kolejność parametrów (zgodną z rekomendacją W3C) łatwo zapamiętać posiłkując się zasadą zegara: "zaczynamy od godziny dwunastej i poruszamy się zgodnie z ruchem wskazówek".
Przykładowy sposób użycia:
vlay.nazwawarstwy.vclip(10,100,200,0)
Nie używając Alladyna, musielibyśmy wykonać osobno dla odpowiednich przeglądarek:
W Internet Explorerze 4 i wyższych:
document.all.nazwawarstwy.style.clip = "rect(10 100 200 0)"
W Netscape 4.xx:
document.layers.nazwawarstwy.clip.top = 10
document.layers.nazwawarstwy.clip.right = 100
document.layers.nazwawarstwy.clip.bottom = 200
document.layers.nazwawarstwy.clip.left = 0
W Netscape 6:
warstwa = document.getElementById("nazwawarstwy")
warstwa.style.clip = "rect(10 100 200 0)"
Ze względu na to, że w IE oraz NS6 (zgodnie z rekomendacją W3C) parametrem jest ciąg znaków, chcąc wykonać clipping do wartości zawartych w zmiennych t,r,b,l, należy dość niewygodną konstrukcją wygenerować string:
W Internet Explorerze 4 i wyższych:
document.all.nazwawarstwy.style.clip = "rect(" + t + " " + r + " " + b + " " + l")"
W Netscape 6:
warstwa = document.getElementById("nazwawarstwy")
warstwa.style.clip = "rect(" + t + " " + r + " " + b + " " + l")"
Podczas gdy w Alladynie odbywa się to w najprostszy z możliwych sposobów:
vlay.nazwawarstwy.vclip(t,r,b,l)
Przykład 4.2.1 - przykład obrazujący kadrowanie warstw przy pomocy
vclip.
Przykład 4.2.2 - prosty scroll wykonany przy użyciu
vclip.
4.3. Dynamiczna zmiana zawartości warstwy - metoda
vHTML(zawartość).
Korzystając z tej metody, możemy w każdej chwili zmienić zawartość dowolnej warstwy.
Użycie jest bardzo proste:
vlay.nazwawarstwy.vHTML("zawartość warstwy")
Aby zrobić to samo nie korzystając z Alladyna, należy w zależności od przeglądarki wykonać:
W Internet Explorerze 4 i wyższych:
document.all.nazwawarstwy.innerHTML = "zawartość warstwy"
W Netscape 4.xx:
document.layers.nazwawarstwy.document.open()
document.layers.nazwawarstwy.document.write("zawartość warstwy")
document.layers.nazwawarstwy.document.close()
W Netscape 6:
warstwa = document.getElementById("nazwawarstwy")
warstwa.innerHTML = "zawartość warstwy"
Przykład 4.3 - przykład obrazujący zmianę zawartości warstwy przy użyciu
vHTML.
4.4. Przeźroczystość - metoda
vopacity(opacity).
Dzięki tej metodzie możemy ustawić przeźroczystość warstwy. Parametr
opacity określa stopień widzialności danej warstwy i przyjmuje wartości od 0 do 100.
W przypadku Netscape 4.x, który nie obsługuje przeźroczystości, stosowana jest metoda dwustanowej emulacji przeźroczystości. Warstwy są wyświetlane (z pełną widzialnością - opacity przyjmowane jest za równe 100) dla parametru opacity równego lub większego niż 50. Dla wartości parametru mniejszych niż 50, warstwy nie są wyświetlane (przyjmowana wartość opacity równa 0). 50 jest wartością domyślną zdefiniowanego progu przeźroczystości dla NS4 - można go zmieniać zarówno indywidualnie dla pojedynczych warstw, jak i globalnie dla wszystkich. Służą do tego właściwości
vlay.nazwawarstwy.vol oraz
STPE.vol, które opisane są dokładnie w rozdziale 7.
Przykład użycia:
vlay.nazwawarstwy.vopacity(75)
Uzyskanie efektu przeźroczystości bez Alladyna jest możliwe w następujący sposób:
W Internet Explorerze 4 i wyższych:
document.all.nazwawarstwy.style.filter="alpha(opacity=75)"
W Netscape 6:
warstwa = document.getElementById("nazwawarstwy")
warstwa.style.MozOpacity = 75+"%"
Przykład 4.4 - przykład demonstrujący użycie metody
vopacity.