Vazba akcí na události dokumentu

Jak jsem už napsal, je potřeba

  1. poznat, kdy se to má stát
  2. najít prvek
  3. změnit jeho obsah
  4. změnit jeho vzhled

V tomto textu řeším bod 1 - poznat, kdy se to má stát.

Příklady událostí

Testovací hláška

Příkaz alert() dělá to, že vyhodí výstražnou hlášku. Je to dobré na testování skriptů. Výše zmíněné příklady přepíšu tak, aby z nich bylo patrné, co se děje.

<body onload="alert('načetl se dokument')">
<a href="#" onmouseover="alert('odkaz byl přejet')">odkaz</a>
<span onclick="alert('na text se kliklo')">text</span>

Zobrazte si příklad vazby událostí.

Onload, onmouseover a onclick jsou události, které se vztahují k tagům. Samotný obsah události se zapisuje jako událost="skript", kde skript je kód v jazyce javascript. Symbolicky zapsáno:

<tag událost="kód v jazyce javascript">

V dalším textu budu v kódu místo primitivní hlášky alert() dělat něco smysluplného. Dá se tam napsat spousta zajímavých věcí.

Všechny události

Událostí je spousta a u normálního tagu jich funguje asi půltucet. U formulářových prvků asi tucet. Přehled událostí jsem napsal už dříve:

JavaScript - Události

Některé události mohou nastat jenom u některých prvků. Například událost onload (nahrání) se vyskytuje jenom u těla dokumentu a u obrázků -- tagy <body> a <img>.

Asi nejčastěji používanou událostí je přejetí myší (onmouseover) nebo kliknutí myší (onclick) na nějakém prvku. Bude to lépe vidět v příkladech.

Shrnutí

Skripty se dají spouštět jako reakce na nějakou událost dokumentu nebo uživatele.

Teď je čas popsat nalezení prvku.