Způsob zápisu JavaScriptu do dokumentu  JavaScript se do webové stránky dá zapsat třemi způsoby:  Pomocí značek do proudu dokumentu  Pomocí značek s odkazem na externí soubor  In-line zápisem jako atribut značky  Kombinací výše popsaných způsobů  Při zápisu kódu je potřeba dát pozor na uvozovky, Pokud by nastala situace, že v uvozovkách budou další uvozovky, musí se vnitřní uvozovky nahradit apostrofem – " '...' "

Zápis do proudu dokumentu  Skript se vloží do značek <script></script> Obr. 2 Obr. 1

Externí zápis JavaScriptu  Do externího souboru s příponou.js vložte kód JavaScriptu. Externí soubor: prvni_script.js Stránka Obr. 4 Obr. 3

In-line zápis JavaScriptu  Tento zápis se provádí přímo k dané značce Stránka Po najetí myši na odkaz se zobrazí hláška Obr. 5 Obr. 6

Kombinovaný zápis JavaScriptu Stránka Obr. 7 Obr. 8

Příklad – vložení menu pomocí JavaScriptu Stránka Externí soubor – menu.js Obr. 10 Obr. 11 Obr. 9

Skripty reagující na událost  Jsou to skripty, které reagují na nějakou událost uživatele:  Kliknutí  Přejetí myši  Načtení stránky  Opuštění stránky  Změna velikosti  Stisknutí tlačítka  apod.

Skripty reagující na událost  Události myši VlastnostPopis onClickkliknutí na prvek onDblClickdvojklik na prvek onMouseOvernajeti myši na prvek onMouseOutodjetí myši z prvku onMouseMovepohyb myši nad prvkem onMouseDownstisknutí tlačítka nad prvkem onMouseUpuvolnení tlačítka nad prvkem

Událost vyvolaná myší  Při přejetí myši nad prvním textem se zobrazí hláška. Při dvojkliku na druhý text se zobrazí hláška. Obr. 12

Událost vyvolaná myší  Při přejetí myši nad obrázkem se obrázek vymění, při opuštění myši se vrátí zpět původní obrázek. Obr. 13

Událost vyvolaná myší  Změna barvy odkazu po najetí myši na odkaz. Obr. 14

Skripty reagující na událost  Události stránky a okna VlastnostPopis onLoadúplné načtení stránky onUnloadopuštění stránky onResizezměna velikosti okna onScrollposouvání okna

Skripty reagující na událost  Události formuláře a formulářových polí VlastnostHodnoty onSubmitpřed odesláním formuláře onResetstisk tlačítka reset onFocuspři aktivaci políčka onBlurpři deaktivaci políčka onChangezměna hodnoty políčka onSelectvybrání textu myší

Události formuláře a formulářových polí  Zákaz změny textového pole ve formuláři. Obr. 15

Události formuláře a formulářových polí  Zamezení kopírování údajů ze vstupního pole. Obr. 16

Otázky k opakování 1. Jak lze zapsat kód JavaScriptu do dokumentu? 2. Jakou příponu má soubor externího JavaScriptu? 3. Co jsou to skripty reagující na událost?

Použité zdroje   JANOVSKÝ, Dušan. JavaScript: „Návody na použití jazyka“ [online]. 9. února :30. Dostupný z WWW: Použité obrázky: Vlastní