Příklady - použití javascriptů na webových stránkách
Příklad č. 1 - Počítadlo přístupu z cookies je úvodním příkladem ukazujícím práci s Objektem Cookie. Program obsahuje funkci nastavení času, kdy Cookie vyprší. Do té doby bude uloženo v klientském počítači a bude si pamatovat počet zobrazení této stránky.
Příklad č. 2 - Digitální hodiny využívá vše, co bylo vysvětleno v minulém programu: definici proměnných, objekt datum a přiřazení pomocí ternálního operátoru ? (v1):(v2). Pro aktualizaci funkce hodin co jednu sekundu je použitá funkce javascriptu setTimeOut, jejíž parametr je v milisekundách.
Příklad č. 3 - Analogové hodiny je ukázkou volání vzdáleného, již připraveného scriptu v js souboru. Tento soubor obsahuje volaný script, v našem lokálním scriptu nastavujeme pouze velikost zobrazovaných analogových hodin.
Příklad č. 4 - Datum a čas je příkladem ukazujícím použití metod objektu Date. Metory tohoto objektu však vracejí číselné hodnoty, proto je zapotřebí nejprve nadefinovat pole s textovými hodnotami, které budeme zobrazovat uživateli.
Příklad č. 5 - Kalendář a svátky je nejdelší script ze všech příkladů. Obsahuje definice polí všech měsíců tak, aby z aktuálního data zobrazil svátek. Pro samotné zobrazení kalendáře je také vytvořen vlastní script.
Příklad č. 6 - Logo u kurzoru myši ukazuje, jakým způsobem můžeme umístit vedle kurzu vlastní text, který bude kopírovat aktuální polohu kurzoru myši. Tento text lze na začátku programu nadefinovat. Rovněž tento příklad má dostatečně okomentovaný zdrojový kód.
Příklad č. 7 - Validace formuláře předvádí, jakým způsobem můžeme pomocí javascriptu na straně klienta kontrolovat, zdali vyplnil příslušná pole formuláře před jeho samotným odesláním.
Příklad č. 8 - Běžící text ve stavovém pruhu definuje vlastní text, který je umístěn ve stavovém pruhu prohlížeče. Pomocí vlastně vytvořené funkce založené na řetězcových funkcích vyvolává dojem běžícího textu.
Příklad č. 9 - Datum a čas ve stavovém pruhu je obdobou předchozího příkladu.Ve stavovém pruhu však nic neběží, ale je tam zobrazován aktuální čas a datum pomocí metod objektu Date.
Příklad č. 10 - Jednoduchý foto slideshow je příkladem ukazujícím možné prohlížení fotografií jako slideshow. Je možné obrázky prohlížet manuálně pomocí tlačítek či automaticky s nastaveným interval zobrazení. Příklad je pochopitelně důsledně okomentován.