1. Zdarzenia
Zdarzenia są to akcje podejmowane przez przeglądarkę w odpowiedzi na
ruchy myszki, klawiatury, bądź ogólnie - na zmianę stanu dokumentu w
danym momencie (np. załadowanie się obrazka, kodu strony).
Dzięki JavaScript możemy kontrolować większość zdarzeń jakie
zachodzą na naszych stronach. Najczęściej wykorzystywane zdarzenia
przedstawione są poniżej:
| zdarzenie |
opis |
z obiektami |
| onclick |
zachodzi, gdy naciśniemy przycisk myszki na obiekcie |
button, checkbox, Image, layer, link, radio, reset, submit |
| onmouseover |
zachodzi, gdy najedziemy wskaźnikiem na obiekt |
Image, layer, link |
| onmouseout |
zachodzi, gdy opuszczamy wskaźnikiem obiekt |
Image, layer, link |
| onmousedown |
zachodzi, gdy trzymamy przyciśnięty przycisk myszki na obiekcie |
Image, layer |
| onmouseup |
zachodzi, gdy zwolnimy przycisk myszki na obiekcie |
Image, layer |
| onblur |
zachodzi, gdy opuszczamy obiekt (przejście na inny obiekt |
password, select, text, textarea |
| onfocus |
zachodzi, gdy wchodzimy na obiekt |
password, select, text, textarea |
| onchange |
zachodzi, gdy opuszczamy obiekt, którego zawartość została zmieniona |
password, select, text, textarea |
| onselect |
zachodzi, gdy zaznaczymy tekst wewnątrz pola tekstowego |
password, text, textarea |
| onsubmit |
zachodzi, gdy wysłamy formularz |
form |
| onreset |
zachodzi, gdy resetujemy formularz |
form |
| onload |
zachodzi w momencie załadowania dokumentu do przeglądarki |
document, frame |
| onunload |
zachodzi w momencie opuszczania strony |
document, frame |
| onabort |
zachodzi, gdy przerwane zostaje ładowanie strony |
document, frame |
| onerror |
zachodzi, gdy przeglądarka nie może załadować obrazu |
Image |
2. HTML DOM
DOM to skrót od Document Object Model - czyli model obiektów
dokumentu. Jest to tzw. interfejs programowania dla elementów HTML
jakie mogą pojawiać się na stronach. HTML DOM to standard określający
sposoby dostępu oraz zmiany zawartości, właściwości, parametrów
poszczególnych elementów HTML. Dzięki temu do zawartości stron HTML
mogą dostawać się wszystkie typy przeglądarek i języków programowania.
Każdy z elementów HTML ma określone właściwości i metody, które są
zaimplementowane również w JavaScript. Nie ma sensu zamieszczanie tutaj
pełnego opisu tych elementów. Wszystkie potrzebne informacje można
znaleźć pod adresami:
http://www.w3schools.com/htmldom/default.asp
http://www.w3schools.com/js/js_obj_htmldom.asp |