jquery. od nowicjusza do wojownika ninja helion, ebooki
[ Pobierz całość w formacie PDF ]
Spis treci
Wstp ........................................................................................................................ 11
Kto powinien przeczyta t ksik ............................................................................. 11
Co znajdziesz w tej ksice ......................................................................................... 12
Podzikowania ........................................................................................................... 14
Konwencje zastosowane w ksice ............................................................................. 14
Rozdzia 1.
Zakocha si w jQuery
............................................................. 17
Co szczególnego ma w sobie jQuery? ......................................................................... 18
Zgodno z rónymi przegldarkami ..................................................................... 18
Selektory CSS3 ...................................................................................................... 19
Uyteczne narzdzia ............................................................................................. 19
jQuery UI .............................................................................................................. 19
Wtyczki ................................................................................................................. 20
Czysto kodu HTML ............................................................................................. 21
Szeroka popularno ............................................................................................. 21
Gdzie jest haczyk? ...................................................................................................... 22
Pobieranie i instalacja jQuery ..................................................................................... 23
Pobieranie jQuery ................................................................................................. 23
Google CDN ......................................................................................................... 24
Codzienne wersje rozwojowe i Subversion ........................................................... 25
Wersja nieskompresowana czy skompresowana? ................................................. 25
Anatomia skryptu jQuery ............................................................................................ 26
Alias jQuery .......................................................................................................... 26
Analiza wywoa jQuery ....................................................................................... 26
Elementy dokumentu HTML, czyli DOM ...................................................................... 27
Jeli si zdecydujesz… ............................................................................................... 29
Rozdzia 2.
Wybieranie, dekorowanie i rozszerzanie
............................... 31
Czekamy na zaadowanie strony ................................................................................. 32
Selektory — serce jQuery ........................................................................................... 32
Proste selektory .................................................................................................... 33
Zawanie selekcji ................................................................................................ 35
Testujemy selekcj ................................................................................................ 35
Filtry ..................................................................................................................... 36
Wybieranie wielu elementów ............................................................................... 36
Jak tworzy dobre selektory .................................................................................. 37
6
jQuery. Od nowicjusza do wojownika ninja
Dekorowanie — obsuga CSS w jQuery ...................................................................... 37
Odczytywanie waciwoci CSS ............................................................................. 37
Ustawianie waciwoci CSS ................................................................................. 38
Klasy .................................................................................................................... 40
Rozszerzanie — dodawanie efektów za pomoc jQuery ................................................. 42
Ukrywanie i wywietlanie elementów ................................................................... 42
Stopniowe udoskonalanie ..................................................................................... 46
Dodawanie elementów ........................................................................................ 47
Usuwanie istniejcych elementów ........................................................................ 49
Modyfikowanie istniejcych elementów ................................................................ 50
Podstawowe animacje — efektowne ukrywanie i wywietlanie ........................... 50
Funkcje zwrotne ................................................................................................... 52
Kilka sztuczek ............................................................................................................. 53
Podwietlanie przy najechaniu mysz ................................................................... 53
Sodkie tajemnice ................................................................................................. 54
Zanim przejdziemy dalej ............................................................................................. 55
Rozdzia 3.
Animacje, przewijanie i zmiana rozmiaru
.............................. 57
Animacje .................................................................................................................... 57
Animowanie waciwoci CSS ............................................................................... 57
Animacja koloru ................................................................................................... 59
Dynamika animacji ............................................................................................... 60
Zaawansowane opcje dynamiki ............................................................................ 61
Podskakujce panele ............................................................................................ 62
Kolejka animacji ................................................................................................... 65
acuchy metod ................................................................................................... 65
Zatrzymywanie acucha ...................................................................................... 66
Animowana nawigacja ......................................................................................... 67
Animowana nawigacja, wersja 2 .......................................................................... 69
Biblioteka jQuery UI .............................................................................................. 71
Daj si poruszy! .................................................................................................. 73
Przewijanie ................................................................................................................. 73
Zdarzenie przewijania ........................................................................................... 73
Pywajca nawigacja ............................................................................................ 74
Przewijanie dokumentu ........................................................................................ 75
Modyfikacja paska przewijania ............................................................................. 77
Zmiana rozmiaru ........................................................................................................ 78
Zdarzenie zmiany rozmiarów ................................................................................ 79
Elementy obsugujce zmian rozmiaru ................................................................ 81
Wanie tak si animuje, przewija i zmienia wymiary .................................................. 86
7
SPIS TRECI
Rozdzia 4.
Ilustracje i pokazy slajdów
...................................................... 87
Lightbox ..................................................................................................................... 87
Wasna wersja lightboksa ..................................................................................... 88
Diagnozowanie skryptu za pomoc console.log .................................................... 91
ColorBox — wtyczka typu lightbox ....................................................................... 92
Przycinanie ilustracji za pomoc Jcrop ........................................................................ 95
Pokazy slajdów .......................................................................................................... 98
Pokazy slajdów z przenikaniem ............................................................................. 98
Przewijane pokazy slajdów ................................................................................. 109
Widet galerii obrazów w stylu iPhoto ................................................................ 115
Peny obraz .............................................................................................................. 120
Rozdzia 5.
Menu, karty, dymki i panele
................................................. 121
Menu ....................................................................................................................... 121
Rozwijane menu pionowe .................................................................................. 122
Ikony stanu zwinicia lub rozwinicia menu ....................................................... 126
Rozwijanie menu po zatrzymaniu nad nim wskanika myszy .............................. 127
Rozwijane menu poziome ................................................................................... 128
Menu akordeonowe ................................................................................................. 132
Prosty akordeon ................................................................................................. 132
Akordeony wielopoziomowe .............................................................................. 135
Akordeon w jQuery UI ........................................................................................ 137
Karty ........................................................................................................................ 138
Prosta implementacja kart .................................................................................. 138
Karty w jQuery UI ............................................................................................... 140
Panele ...................................................................................................................... 143
Pojawiajcy si formularz logowania .................................................................. 143
Panel wysuwany ................................................................................................ 145
Dymki podpowiedzi .................................................................................................. 147
Proste dymki podpowiedzi .................................................................................. 148
Zaawansowany dymek podpowiedzi .................................................................. 151
Zamówienie z menu ................................................................................................. 156
Rozdzia 6.
Konstrukcja, AJAX i interakcje
.............................................. 157
Konstrukcja — najlepsze praktyki ............................................................................. 157
Czystsze jQuery .................................................................................................. 158
Szablony po stronie klienta ................................................................................. 162
Programowanie pod ktem wersji przegldarki (jest ze) ..................................... 164
Przyspieszony kurs technologii AJAX ........................................................................ 166
Czym jest AJAX? ................................................................................................. 166
adowanie zewntrznego kodu HTML ................................................................ 166
Rozszerzanie moliwoci odnoników za pomoc techniki hijax .......................... 167
8
jQuery. Od nowicjusza do wojownika ninja
Wybieranie fragmentu kodu HTML za pomoc selektorów .................................. 168
Zaawansowane mechanizmy metody load() ........................................................ 169
Przygotuj si na przyszo — live oraz die ......................................................... 170
Pobieranie danych za pomoc metody $.getJSON() ............................................. 171
Wyszukiwarka komentarzy Twittera po stronie klienta ........................................ 172
Narzdzia obsugi AJAX w jQuery ....................................................................... 173
Czsto uywane ustawienia da AJAX ............................................................. 174
adowanie zewntrznych skryptów — $.getScript() ............................................ 174
dania GET i POST ............................................................................................ 175
Zdarzenia zwizane z daniami AJAX ................................................................ 175
Interakcja z uyciem technologii AJAX ...................................................................... 176
Galeria obrazów oparta na AJAKSIE .................................................................... 177
Sowa kluczowe obrazów ................................................................................... 189
Wojownicy ninja, mistrzowie techniki AJAX? Obecni! ............................................... 193
Rozdzia 7.
Formularze, widety i okna dialogowe
.............................. 195
Formularze ............................................................................................................... 195
Prosta walidacja formularzy ................................................................................ 196
Walidacja formularzy z wtyczk Validation ......................................................... 199
Wskanik maksymalnej dugoci tekstu ............................................................... 201
Wskazówki formularza ........................................................................................ 202
Zaznaczenie pól opcji .......................................................................................... 204
Programowe modyfikowanie wartoci pól .......................................................... 205
Autouzupenianie ............................................................................................... 208
Widet oceny ...................................................................................................... 210
Elementy kontrolne .................................................................................................. 215
Widet wyboru daty ........................................................................................... 215
Suwaki ............................................................................................................... 218
Przecignij i upu .............................................................................................. 221
Sortowanie obiektów w jQuery UI ...................................................................... 226
Pasek postpu .................................................................................................... 228
Okna dialogowe i powiadomienia ............................................................................ 230
Proste modalne okno dialogowe ........................................................................ 230
Dialog z jQuery UI .............................................................................................. 233
Powiadomienia w stylu Growl ............................................................................ 236
Powiadomienia 1-up .......................................................................................... 238
Zmiana formularzy na lepsze .................................................................................... 241
Rozdzia 8.
Listy, drzewa i tabele
............................................................. 243
Listy ......................................................................................................................... 243
Element selectable z jQuery UI ............................................................................ 244
Sortowanie list ................................................................................................... 249
Zarzdzanie listami pól wyboru .......................................................................... 250
[ Pobierz całość w formacie PDF ]