Spis treści:
1. Wstęp
2. Atrybuty zdarzeń
3. Przykłady zastosowania DHTML
DHTML to po prostu HTML
wzbogacony o elementy dynamiczne. Element dynamiczny uzyskuje
się za pomocą skryptów. Dwoma powszechnie używanymi językami
skryptowymi są: VBScript i JavaScript. Ten ostatni jest
obsługiwany przez większość przeglądarek, notamist VBScript
tylko przez Internet Explorer.
Poniżej dwa przykłady najprostszych skryptów:
<html>
<head>
<title>Hello Alert Example Page</title>
<script language="JavaScript">
<script>
<head>
<body style="background-color:white">
<h1>Hello Alert Example Page</h1>
</body>
</html>
Elementy treści strony można traktować jako obiekty, do których
można się odwoływać sie w kodzie za pośrednictwem modelu
obiektów dokumentu (ang. DOM - Document Object Model)
onload
- po kliknięciu ładuje
element - występuje wraz ze znacznikiem
<body>
i
<frameset>
. Przykład jest
tutaj.
onclick
- wywołuje zdarzenie
po kliknięciu lewym przyciskiem myszy, np. jeżeli klikniesz
w to miejsce
to zmieni się kolor na niebieski.
onkeydown, onkeyup
- wywołuje zdarzenie
po naciśnięciu i zwolnieniu klawisza. Przykład jest
tutaj.
ondblclick
- wywołuje zdarzenie
po dwukrotnym kliknięciu lewym przyciskiem myszy, np. jeżeli
klikniesz dwukrotnie
w to miejsce
to zmieni się kolor na zielony.
onmousedown
- użytkownik naciska
dowolny przycisk myszy, w chwili gdy wskaźnik znajduje się na
elemencie.
onmouseup
- użytkownik zwalnia
dowolny przycisk myszy, w chwili gdy wskaźnik znajduje się na
elemencie.
onmouseover
- użytkownik przesuwa
wskaźnik myszy, do punktu znajdującego się w obrębie elementu.
onmousemove
- użytkownik przesuwa
wskaźnik myszy, w chwili gdy znajduje się on na elemencie.
Ten przykład zawiera animowaną tęczę. Aby go zobaczyć kliknij tutaj. Funkcja StartRainbow() ustawia zegar, który co 100 ms wywołuje funkcję Rainbow() . Ta z kolei sprawdza bieżący kolor tekstu, a następnie zmienia go na kolejny kolor. Kod skryptu zaczyna się dzięki atrybutowi zdarzenia onload ustawionemu na funkcję StartRainbow() co oznacza, że funkcja ta ładuje się już w chwili pobrania strony. Atrybut id elementu musi być ustawiony na rainbow .
Ten przykład dotyczy zmiany wyświetlanego obrazu i tekstu. Aby go zobaczyć kliknij tutaj.
Ten przykład dotyczy dynamicznego pozycjonowania. Aby go zobaczyć kliknij tutaj.
Ten przykład dotyczy wykorzystania bannerów reklamowych. Aby go zobaczyć kliknij tutaj. Jego zmodyfikowana forma, polegająca na tym, że gdy klikniesz banner to przenosi cię na stronę www jest tutaj. Jeszcze inny wariant polega na tym, że za każdym razem gdy ładujesz stronę pojawia się inna treść. Aby to zademonstrować kliknij tutaj.