|
|
|
DHTML- trzecia lekcja
|
Poruszanie warstw
W dzisiejszej lekcji nauczymy się jak poruszać warstwy. Zaczynamy
od standardowego wstępu. W funkcji zmienne zamieszczamy tylko jedną
warstwę, więcej nie będzie nam potrzebne w tym ćwiczeniu.
Najłatwiejsze jest poruszanie warstwy do określonego miejsca. Położenie
warstwy określają parametry top i left. Parametry te możemy
zmieniać dynamicznie i wystarczy zrobić tak:
function ruchdo(warstwa, x, y)
{warstwa.top=x
warstwa.left=y}
teraz możemy uruchomić naszą funkcję przesuwając warstwę do
wybranego przez nasz miejsca. Parametr pierwszy określa nazwę
warstwy którą chcemy przesunąć, drugi jej odległość od góry
a trzeci od lewej strony okna przeglądarki.
Tutaj
znajdziecie przykład.
Drugą funkcją jaką możemy stworzyć jest poruszanie warstwy o
określoną ilość pikseli. Sprawa nieco się komplikuje bo należy
odczytać pierwotne położenie warstwy. Robimy to tak:
function rucho(warstwa, x, y)
{ a=parseInt(warstwa.top)
b=parseInt(warstwa.left)
warstwa.top=a+x
warstwa.left=b+y}
Zmienne a i b zawierają początkowe położenie warstwy, a następnie
możemy poruszać warstwą dodając do tych wartości określone
liczby (które określają parametry x i y). Wartości początkowych
nie można odczytać bezpośrednio ponieważ IE zwraca je z
prefiksem px którego się trzeba pozbyć. Konieczne jest użycie
funkcji parseInt, która konwertuje wartość zwracaną przez przeglądarkę
do liczby całkowitej. Tutaj
znajdziecie przykład
|
|
|
|
|
.
|
Ustawienia
strony jako strony startowej
