Obsah Úvodem Zpětná vazba od čtenářů Zdrojové kódy ke knize Errata
9 10 10 10
KAPITOLA 1
Co budeme potřebovat Co knihovna jQuery nabízí Editor zdrojového kódu Webový server Software pro ladění kódu Firebug FireQuery Developer Toolbar
Test
11 11 12 12 14 15 17 17
18
KAPITOLA 2
Úvod do jQuery Knihovna jQuery – seznamte se Příklad jednoduchého skriptu knihovny jQuery Knihovna jQuery a technologie AJAX Zásuvné moduly knihovny jQuery Kombinace knihovny jQuery s jinými knihovnami
Ladění kódu s Firebugem Proč knihovna jQuery Hlavní výhody a nevýhody knihovny jQuery Test
K1897.indd 3
19 19 20 22 23 30
31 32 34 36
15.8.2011 13:00:39
Obsah
KAPITOLA 3
Náš první kód v knihovně jQuery Stahujeme knihovnu jQuery Připojení knihovny jQuery Ahoj knihovno jQuery! Píšeme svůj první skript Připojujeme kaskádové styly Výsledek spuštění skriptu
Knihovna jQuery ve spolupráci s jazykem HTML Připojení knihovny jQuery Základní práce s knihovnou jQuery
Spouštíme příkazy pro načítání stránky Metoda html() Vkládání textu na konec elementu Vkládání textu na začátek elementu
Shrnutí Test
37 37 38 39 40 40 42
44 44 45
49 49 51 52
52 53
KAPITOLA 4
Pracujeme s elementy pomocí selektorů Objektový model dokumentu – model DOM Co jsou selektory Funkce jQuery() Základní selektory a obsahové filtry Poziční selektory Vlastní selektory knihovny jQuery
Používáme selektory Selektory a formuláře jazyka HTML Knihovna jQuery a selektory jazyka CSS Stylování tabulky
Shrnutí Test
55 55 57 58 59 61 64
65 65 72 79
82 83
4
K1897.indd 4
15.8.2011 13:00:39
Události Co jsou události Načtení dokumentu Používáme události Základní události Obsluha událostí Jaké události lze zachytávat Událost vznikající při špatném načtení elementu Událost při změně hodnoty elementu
Události objektu Události myši Příklad události myši Jaké události myši máme k dispozici Příklad kombinace více událostí myši
Události klávesnice Kontrola uživatelského vstupu Další metody klávesnice Příklad události zaměření elementu
Shrnutí Test
85
Obsah
KAPITOLA 5
85 86 86 88 89 91 92 93
93 95 96 99 100
102 103 104 105
106 106
KAPITOLA 6
Efekty K čemu slouží efekty Jednoduché efekty Průhlednost a klouzání prvků
107 107 108 111
Efekty ve fotogalerii Skrývání a zobrazování elementu Jednoduchá rozevírací nabídka
113 118 119
Pokročilejší efekty – animování
125
Příprava na animaci banneru Provedení animace Jaké metody lze používat při animaci
127 128 130
5
K1897.indd 5
15.8.2011 13:00:40
Obsah
Zpomalení animace Manipulace s funkcemi ve frontě
Shrnutí Test
131 131
133 133
KAPITOLA 7
Knihovna jQuery a technologie AJAX Co je technologie AJAX Načítání externího obsahu ve formátu HTML Rozhraní XMLHttpRequest v konzole nástroje Firebug
Vytváříme serverové požadavky Zápis objektů v jazyce JavaScript Rozdíl mezi požadavky GET a POST
135 135 137 138
139 141 145
Tvorba požadavků GET v knihovně jQuery Tvorba požadavku POST pomocí knihovny jQuery
146 149
Technologie AJAX a události Zpracování dokumentu typu XML Použití formátu JSONP pro vzdálená data Dynamické načítání obsahu v knihovně jQuery Shrnutí Test
155 158 161 163 169 170
KAPITOLA 8
Zásuvné moduly knihovny jQuery Jak použít zásuvný modul Nastavení zásuvného modulu Jaké zásuvné moduly jsou k dispozici Kolotoč neboli Carousel
Knihovna jQuery UI – knihovna zásuvných modulů Připojení knihovny jQuery UI Použití knihovny – komponenta pro výběr prvků Použití knihovny – komponenta pro výběr data Lokalizace komponenty Ovládání komponenty klávesovými zkratkami
171 171 172 173 174
176 177 177 180 182 184
6
K1897.indd 6
15.8.2011 13:00:40
Vypsání příspěvků ze sítě Twitter Řazení řádků tabulky Zvětšování textu
Shrnutí Test
185 185 187 190
Obsah
Ostatní zásuvné moduly
192 193
KAPITOLA 9
Knihovna jQuery v praxi Validace formuláře Příprava formuláře Validace formuláře pomocí knihovny jQuery Použití zásuvného modulu pro validaci formuláře Nastavení zobrazování chybových zpráv modulu Validate
Řazení Příprava tabulky Zapojení technologie AJAX Řazení tabulky pomocí knihovny jQuery Řazení pomocí regulárních výrazů
Stránkování Výpočet počtu stránek Zvýraznění aktuálně vybrané stránky Stránkování a řazení najednou
Filtrování dat Vytvoření filtrovacího odkazu Odstranění vybraného filtru
Animovaná galerie Příprava stránky Základní animace galerie Automatická animace galerie
Shrnutí Test
195 195 196 199 201 205
206 207 207 209 212
214 215 218 220
221 221 222
223 224 225 226
229 230
7
K1897.indd 7
15.8.2011 13:00:40
Obsah
Závěrečný test Odpovědi k testům kapitol a závěrečnému testu Kapitola 1 Kapitola 2 Kapitola 3 Kapitola 4 Kapitola 5 Kapitola 6 Kapitola 7 Kapitola 8 Kapitola 9 Závěrečný test
Rejstřík
231 235 235 235 236 237 238 239 239 240 241 241
247
8
K1897.indd 8
15.8.2011 13:00:40
Úvodem Koupili jste si knihu o knihovně jQuery, která je určená každému, kdo chce vytvářet vysoce interaktivní internetové aplikace. V současném moderním světě Internetu je nevyhnutelné vytvářet aplikace tak, abyste co nejvíce zpřehlednili informace pro návštěvníky svých stránek. V této knize si společně projdeme devět kapitol, v nichž se naučíme používat knihovnu jQuery. Pokud chcete dosáhnout nejlepších výsledků, čtěte tuto knihu postupně od první až po poslední kapitolu. Abyste se naučili používat knihovnu jQuery, musíte mít zkušenosti s tvorbou internetových aplikací. Nemusíte se ale bát – postačí vám základní znalost jazyka HTML. Je samozřejmě výhodu, jestliže jste dříve používali programovací jazyk JavaScript, na němž je tato knihovna postavená. Znalost tohoto programovacího jazyka však není podmínkou k tomu, abyste se naučili používat knihovnu jQuery. Pokud jste už četli nějakou publikaci o knihovně jQuery, můžete přeskočit úvodní kapitoly, které se věnují základnímu způsobu použití této knihovny. Na konci této knihy najdete závěrečný test, jenž obsahuje praktické otázky týkající se témat ze všech kapitol. Na tento test byste měli odpovídat až po přečtení všech kapitol. Za uspokojivý výsledek lze považovat 75 procent správných odpovědí. Pro dosažení co nejlepšího výsledku je vhodné číst tuto knihu jednu až dvě hodiny denně. Tímto tempem budete vstřebávat informace nejefektivněji. Celou publikaci je možné přečíst a pochopit v průběhu několika měsíců. Dále ji můžete používat jako příručku při vývoji v knihovně jQuery.
K1897.indd 9
15.8.2011 13:00:40
Zpětná vazba od čtenářů
Zpětná vazba od čtenářů Nakladatelství a vydavatelství Computer Press stojí o zpětnou vazbu ke knize a bude na vaše podněty a dotazy reagovat. Můžete se obrátit na následující adresy: redakce PC literatury Computer Press Spielberk Office Centre Holandská 3 639 00 Brno nebo
[email protected] Computer Press neposkytuje rady ani jakýkoli servis pro aplikace třetích stran. Pokud budete mít dotaz k programu, obraťte se prosím na jeho tvůrce.
Zdrojové kódy ke knize Z adresy http://knihy.cpress.cz/k1897 si po klepnutí na odkaz Soubory ke stažení můžete přímo stáhnout archiv s ukázkovými kódy.
Errata Přestože jsme udělali maximum pro to, abychom zajistili přesnost a správnost obsahu, chybám se úplně vyhnout nedá. Pokud v některé z našich knih najdete chybu, ať už chybu v textu nebo v kódu, budeme rádi, pokud nám ji nahlásíte. Ostatní uživatele tak můžete ušetřit frustrace a pomoci nám zlepšit následující vydání této knihy. Veškerá existující errata zobrazíte na adrese http://knihy.cpress.cz/k1897 po klepnutí na odkaz Soubory ke stažení.
10
K1897.indd 10
15.8.2011 13:00:40
