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.

Prezentace na téma: "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."— Transkript prezentace:

1 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 – " '...' "

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

3 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

4 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

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

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

7 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.

8 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

9 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

10 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

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

12 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

13 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ší

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

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

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?

17 Použité zdroje   JANOVSKÝ, Dušan. Www.jakpsatweb.cz: JavaScript: „Návody na použití jazyka“ [online]. 9. února 2013 13:30. Dostupný z WWW: http://www.jakpsatweb.cz/javascript/ http://www.jakpsatweb.cz/javascript/ Použité obrázky: Vlastní