Rozdział 9.
Nowe* procedury obsługi zdarzeń
W świecie JavaScriptu zdarzenia zachodzą w momencie, gdy coś, co jest zazwyczaj inicjowane przez osobę oglądającą stronę, zdarzy się w oknie przeglądarki. Na przykład kiedy osoba odwiedzająca stronę kliknie na połączeniu, to zostanie wygenerowane zdarzenie onClick. Zdarzenia zachodzą także wtedy, gdy przeglądarka wykona jakąś czynność, na przykład załaduje nowy dokument. Zdarzenia są połączone z JavaScriptem za pomocą procedur obsługi zdarzeń, które z kolei wykonują jakieś czynności w' oknie przeglądarki.
Wiele zdarzeń powszechnie występujących w dokumentach HTML-owych, może zostać wykorzystanych w elementach zdefiniowanych za pomocą kaskadowych arkuszy stylów'. Niektóre z najbardziej popularnych zdarzeń zostały przedstawione w tabeli 9.2.
W dynamicznym HTML-u dostępnych jest kilka nowych procedur obsługi zdarzeń, które pozwalają na jeszcze większą kontrolę. W tabeli 9.3 przedstawiono nowe zdarzenia, które mogą zostać użyte z elementami zdefiniowanymi za
Na rysunku 9.2 przedstawiono, co się dzieje, jeśli klikniesz na obrazku, w którym użyto zdarzenia onClick do zmiany wyświetlanej
1. <A HREF="nastepny.htmr>
Podaj element HTML-owy, z którym można skojarzyć zdarzenie. W przykładzie pokazanym na listingu 9.2 użyłem połączenia.
Listing 9.2. Kiedy za pierwszym razem obrazek zostanie wyświetlony, to przycisk jest wyłączony. Gdy osoba oglądająca stronę kliknie na przycisku, to jego źródło zostanie zastąpione przez .. włączoną " wersję grafiki. Przeglądarka wie, jaką grafikę zastąpić, dzięki informacjom określanym przez DOM
<html>
<head>
<meta http-equiv="Content-Type" H>content=f,text/ht.mi; char set -ISO-8859-2">
<title>Listing 9.2</title>
</head>
<body bgcolor="f1FFFFFF">
<a href="Listing-9-l. htm" onMouseOver= -»"document.images.buttonł.src= button_on.gif'">
<img src="button_off.gif" name="buttonl" border="0">
</a>
</body>
</html>
Rysunek 9.2. Pierwsza grafika przedstawia przycisk w ttybie „ wyłączonym Kiedy osoba oglądająca stronę kliknie na tej grafice, to podczas zamiany grafiki z .. wyłączonej " na „ włączoną " wydaje się. że przycisk się włącza
148