web: js příklady 1

## JavaScript - příklady 1

- Pomůcky při tvorbě JS
- Práce s dokumentem
- Využití událostí
- Formuláře
- Časovače a datum
- Práce s okny prohlížeče
- Rozlišení prohlížečů
- Vychytávky Javascriptu
- Co se jinam nevešlo

### Práce s dokumentem

- 1 innerHTML - přepisování časti dokumentu
- 1 document.write - vypisování při tvorbě dokumentu
- 1 Použití vnějšího javascriptu (externího)
- 1 Hláška alert
- 1 Hláška confirm
- 1 Hláška prompt a proměná
- 1 Příklad s cyklem for
- 1 Nejjednodušší použití proměnné
- 1 Výpočty s proměnnými
- 1 Přiřazení title bubliny
- 1 Záměna obrázku při kliknutí (různe přístupy k prvkům stránky)
- 2 Použití funkce

### Využití událostí

- 1 onclick - Skrývání a odkrývání textu nadpisy - událost kliknutí myši
- 2 onclick - Skrývané záložky
- 1 onkeypress - událost zmáčknutí klávesy
- 1 onmouseover - událost vstupu myši do oblasti prvku stránky
- 1 onmouseover - Změna barvy dokumentu
- 1 onmouseout - událost opuštění myši z oblasti prvku stránky
- 1 onmouseover, onmouseout - Vazba události na změnu stylu textu
- 1 onmouseover, onmouseout - Změna barvy řádku tabulky
- 1 onunload - událost při opuštění stránky
- 1 onbeforeonload - událost před odchodem ze stránky
- 1 onresize - událost při změně rozměrů prvku stránky
- 1 onscroll - událost při posunu šoupátka okna stránky
- 1 Zrušení události - return false (zakázání, zablokování)
- 1 Odchycení pravého tlačítka
- 1 Zakázání tlačítek myši
- 2 Malování
- 3 Přesun objektu uchopením myší (drag & drop)

### Formuláře

- 1 Různý přístup k formulářovým polím
- 1 Rozdíl mezi input typu text a radio
- 1 Práce s vlastností disabled u radio-buttonů
- 1 Zašednutí selectu pomocí radio buttonu
- 1 Select způsobí přechod na jinou stránku
- 1 Zakázání změny výběru selectu kolečkem
- 1 Políčko přepínající formulář do nového okna
- 1 Změna action formuláře různými odesílacími tlačítky
- 2 Zaškrtnutí všech checkboxů
- 2 Objednávka
- 2 Textarea smajlíky
- 3 Textarea smajlíky 2 na pozici kurzoru

### Časovače a datum

- 1 Opakované časování
- 1 Spuštění a zastavení časovače
- 2 Dnešní datum
- 2 Dnešní datum se dnem v týdnu (použití pole)
- 2 Plynulá změna času
- 2 Odpočet času od určitého datumu
- 2 Blikající pozadí
- 2 Jednoduchá animace jako Marquee
- 3 Vypisování textu po znacích

### Práce s okny prohlížeče

- 1 Metody umístění okna (move, resize, scroll)
- 1 Okno přes celou obrazovku
- 1 Metoda open - otevření nového okna
- 1 Metody blur a focus - přenášení okna přes a za okna
- 2 Metoda showModalDialog - modální dialog (Explorer)
- 1 Simulace tlačítka Zpět
- 1 location.href - adresa aktuální stránky
- 1 Objekt screen - vlastnosti obrazovky

### Odlišení prohlížečů

- 1 window.navigator - Informace o prohlížeči
- 1 objekt navigator - Další vlastnosti
- 2 Zobraz vlastnosti objektu - vše o window.navigator

### Vychytávky Javascriptu

- 1 Nastavení domovské stránky pro Internet Explorer
- 2 Přidat stránku k oblíbeným
- 1 Ovládání prvku marquee - Jezdící text
- 2 Objekt zafixovaný na stránce
- 2 Vypočítaný styl prvku
- 1 funkce escape
- 1 funkce eval
- 1 Testování metod objektu String
- 2 Přečtení proměnných z adresy javascriptem (simulace http_get_vars)
- 2 Více odesílacích tlačítek submit

### Co se jinam nevešlo

- 2 Výpis náhodného přísloví (funkce Math.floor, Math.random)
- 2 Hod kostkou (funkce Math.floor, Math.random)
- 3 Náhodný obrázek (funkce Math.floor, Math.random)
- 1 Nahrazení textu metodou replace (Regulární výrazy, RegExp)
- 2 Ověření emailové adresy funkcí test (Regulární výrazy, RegExp)
- 1 Filter - animovaný přechod mezi čísly (pro Internet explorer)
- 2 Filter - animovaný přechod mezi barvami (pro Internet explorer)
- 2 Stín nadpisu (DOM, Document Object Model)
- 3 Rozbalovací menu ze seznamu UL (DOM)
- 3 Bublina z title odkazu (DOM)
- 3 Cookies - uložení, načtení a smazání (Cookies)
- 3 Ajax HttpRequest - přenos informací na stránce
- 3 Barevný přechod šestnástkově
- 3 Barevný přechod RGB
- 3 Živé vyhledávání

Chyba IE6+ spouštění z disku: Máte-li IE6 SP2, některé skripty vám nebudou fungovat při spouštění na disku. Testování příkladů na disku povolíte v IE 6 příkazem Nástroje > Možnosti Internetu > záložka Upřesnit > Zabezpečení > Povolit spouštění aktivního obsahu z Tohoto počítače.

Pozn. Číslo před odrážkou je stupeň obtížnosti příkladu

Tyto příklady jsou převážně zkopírovány a upraveny z webu jakpsatweb.cz se snahou zachovat z nich co nejvíce (související odkazy jsou proto často neplatné).