Po prostu JavaScript i Ajax Wydanie VII.pdf

(813 KB) Pobierz
Po prostu JavaScript
i Ajax. Wydanie VII
Autorzy:
Tom Negrino, Dori Smith
T³umaczenie: Wojciech Moch
ISBN: 978-83-246-2204-7
Tytu³ orygina³u:
JavaScript and Ajax for the Web: Visual
QuickStart Guide (7th Edition) (Visual QuickStart Guide)
Format: 170×230, stron: 544
Poznaj jêzyk JavaScript i technologiê Ajax,
aby twoje strony sta³y siê jeszcze bardziej interaktywne
• Jak poprawiæ jakoœæ interfejsu u¿ytkownika?
• Jak tworzyæ interaktywne strony internetowe?
• Jak do maksimum wycisn¹æ Ajaksa?
Jeœli chcesz, aby Twoje strony WWW by³y jeszcze bardziej dynamiczne, skorzystaj
z mo¿liwoœci JavaScriptu. Za pomoc¹ tego ³atwego do przyswojenia jêzyka programowania
uzupe³nisz witryny internetowe o wspania³e funkcje i sprawisz, ¿e bêd¹ one znacznie
bardziej przyjazne oraz atrakcyjne dla u¿ytkownika. Wykorzystuj¹c JavaScript, mo¿esz
skonstruowaæ jeszcze sprawniejszy interfejs, a tak¿e na bie¿¹co tworzyæ formularze,
strony HTML i ca³e aplikacje. Wykorzystanie Ajaksa (opieraj¹cego siê w³aœnie na tym
jêzyku programowania) w po³¹czeniu z innymi technologiami sprawi, ¿e Twoje strony
WWW bêd¹ naprawdê doskona³e.
Ksi¹¿ka „Po prostu JavaScript i Ajax. Wydanie VII” zawiera wszystkie potrzebne
informacje, które pozwol¹ Ci natychmiast wprowadziæ ciekawe efekty, poprawiaj¹ce
interaktywnoœæ i ergonomiê Twojej strony WWW. Dziêki temu podrêcznikowi
z ³atwoœci¹ nauczysz siê pisaæ i zagnie¿d¿aæ skrypty, obs³ugiwaæ b³êdy, pracowaæ
z obrazami, tablicami i formularzami. Poznasz tak¿e mo¿liwoœci technologii Ajax,
która wykorzystuje jêzyk JavaScript oraz inne technologie sieciowe do tworzenia
interaktywnych stron WWW i poprawiania jakoœci interfejsu u¿ytkownika witryn.
• Tworzenie HTML na potrzeby JavaScriptu
• Skrypty, tablice i funkcje
• Obs³uga b³êdów
• Praca z obrazami
• Okna przegl¹darki
• Obs³uga formularzy
• Wyra¿enia regularne
• Obiekty i model DOM
• Tworzenie dynamicznych stron WWW
• Technologia Ajax
• Skryptozak³adki
Po prostu – szybki sposób na efektywn¹ naukê!
Spis tre ci
Wprowadzenie
Rozdziaï 1.
Pierwsze spotkanie z JavaScriptem
11
17
Czym jest JavaScript? ........................................................................................... 18
JavaScript to nie Java ............................................................................................ 19
SkÈd siÚ wziÈï jÚzyk JavaScript ............................................................................ 21
Co potrafi JavaScript ............................................................................................. 22
Czego JavaScript nie zrobi ................................................................................... 23
Czym jest Ajax? ..................................................................................................... 24
JÚzyk obiektowy .................................................................................................... 27
Obsïuga zdarzeñ .................................................................................................... 30
Warto ci i zmienne ............................................................................................... 31
Przypisania i porównania ...................................................................................... 32
Tworzenie HTML na potrzeby JavaScriptu ........................................................ 33
Potrzebne narzÚdzia .............................................................................................. 36
Spis tre ci
Rozdziaï 2.
Zaczynamy!
37
Gdzie umieszczaÊ skrypty .................................................................................... 39
Kilka sïów o funkcjach .......................................................................................... 41
Stosowanie zewnÚtrznych skryptów .................................................................... 42
Wstawianie komentarzy do skryptów .................................................................. 45
Komunikaty dla u ytkownika ............................................................................... 47
Potwierdzanie wyboru dokonanego przez u ytkownika ..................................... 49
Pobieranie tekstu od u ytkownika ....................................................................... 51
Przekierowanie u ytkownika za pomocÈ ïÈcza .................................................... 53
Stosowanie JavaScriptu do rozbudowy ïÈczy ...................................................... 55
U ywanie wielopoziomowych instrukcji warunkowych ..................................... 60
Obsïuga bïÚdów .................................................................................................... 63
Rozdziaï 3.
Podstawy jÚzyka
65
W kóïko, w pÚtli .................................................................................................... 66
Przekazywanie warto ci do funkcji ...................................................................... 71
Wykrywanie obiektów .......................................................................................... 73
Praca z tablicami ................................................................................................... 75
Praca z funkcjami zwracajÈcymi warto Ê ............................................................. 77
5
Spis tre ci
Aktualizowanie tablic ............................................................................................ 78
Stosowanie pÚtli do/while ..................................................................................... 80
Wywoïywanie skryptu na kilka ró nych sposobów ............................................. 82
Èczenie JavaScriptu i CSS .................................................................................. 84
Sprawdzanie stanu ................................................................................................ 87
Praca z tablicami ciÈgów znaków ......................................................................... 93
Rozdziaï 4.
Praca z obrazami
97
Spis tre ci
Podmieniane obrazki ............................................................................................ 99
Lepsza technika podmiany obrazków ................................................................ 101
Tworzenie przycisków trójstanowych ................................................................ 109
Podmiana obrazków poprzez ïÈcze .................................................................... 111
Podmienianie obrazka z ró nych ïÈczy .............................................................. 114
Podmienianie wielu obrazków z jednego ïÈcza ................................................. 116
Tworzenie animowanych banerów .................................................................... 120
Dodawanie ïÈczy do animowanych banerów .................................................... 122
Prezentacje .......................................................................................................... 124
Losowe wy wietlanie obrazków ......................................................................... 127
Cykliczna zmiana obrazów z losowym obrazem poczÈtkowym ........................ 129
Rozdziaï 5.
Ramki, ramki i jeszcze raz ramki
131
Zapobieganie wy wietleniu strony w ramce ..................................................... 133
Umieszczenie strony w ramce ............................................................................ 135
Umieszczenie strony w ramce — rozwiÈzanie dla du ych witryn ................... 136
Zaïadowanie ramki .............................................................................................. 141
Tworzenie i ïadowanie ramek dynamicznych ................................................... 142
Funkcje wspólne dla kilku ramek ...................................................................... 145
adowanie kilku ramek na raz ........................................................................... 149
Praca z elementami iframe ................................................................................. 151
adowanie ramek iframe za pomocÈ JavaScriptu ............................................. 154
Rozdziaï 6.
Praca z oknami przeglÈdarki
155
Otwieranie nowego okna .................................................................................... 156
Zmiana zawarto ci nowego okna ........................................................................ 160
Otwieranie wielu okien ....................................................................................... 162
Aktualizowanie okna z poziomu innego okna .................................................... 164
Zamykanie okna .................................................................................................. 167
Okre lanie pozycji okna na ekranie ................................................................... 170
Rozdziaï 7.
Obsïuga formularzy
173
Nawigacja „wybierz i przejd ” ........................................................................... 175
Dynamiczne modyfikowanie menu ................................................................... 180
6
Spis tre ci
Tworzenie pól wymaganych ............................................................................... 183
Wzajemne sprawdzanie warto ci pól ................................................................. 188
Wyró nianie problematycznych pól .................................................................. 190
Praktyczne wykorzystanie kontroli formularzy ................................................. 193
Praca z przyciskami opcji ................................................................................... 197
Wzajemne ustawianie warto ci pól .................................................................... 200
Sprawdzanie kodów pocztowych ....................................................................... 203
Sprawdzanie adresów e-mail .............................................................................. 207
Rozdziaï 8.
Formularze i wyra enia regularne
213
Sprawdzanie adresów e-mail za pomocÈ wyra eñ regularnych ....................... 215
Sprawdzanie nazwy pliku ................................................................................... 220
Wydobywanie ciÈgów znaków ............................................................................ 222
Formatowanie ciÈgów znaków ........................................................................... 225
Formatowanie i sortowanie ciÈgów znaków ...................................................... 229
Formatowanie i sprawdzanie poprawno ci ciÈgów znaków ............................. 231
Podmiana elementów za pomocÈ wyra enia regularnego ................................ 234
Rozdziaï 9.
Obsïuga zdarzeñ
237
Spis tre ci
Obsïuga zdarzeñ okien ....................................................................................... 238
Obsïuga zdarzeñ myszy ...................................................................................... 246
Obsïuga zdarzeñ formularzy ............................................................................... 254
Obsïuga zdarzeñ klawiatury ............................................................................... 258
Rozdziaï 10.
JavaScript i ciasteczka
261
Pieczemy pierwsze ciasteczko ............................................................................ 263
Odczytywanie ciasteczka .................................................................................... 267
Wy wietlanie ciasteczek ..................................................................................... 268
Wykorzystanie ciasteczek jako liczników .......................................................... 270
Usuwanie ciasteczek ........................................................................................... 273
Obsïuga wielu ciasteczek .................................................................................... 275
Informowanie o nowo ciach na stronie ............................................................. 277
Rozdziaï 11.
Obiekty i model DOM
283
Kilka sïów o manipulacji wÚzïami ...................................................................... 284
Dodawanie wÚzïów ............................................................................................. 286
Usuwanie wÚzïów ............................................................................................... 288
Usuwanie okre lonego wÚzïa ............................................................................. 290
Wstawianie wÚzïów ............................................................................................. 294
Podmiana wÚzïów ............................................................................................... 297
Tworzenie kodu za pomocÈ literaïów obiektów ................................................ 301
7
Spis tre ci
Rozdziaï 12.
Tworzenie dynamicznych stron
307
Wpisywanie aktualnej daty na stronie WWW .................................................. 308
Manipulowanie dniami ....................................................................................... 310
Dostosowywanie wiadomo ci do pory dnia ....................................................... 311
Wy wietlanie dat wedïug strefy czasowej ......................................................... 312
Konwersja czasu 24-godzinnego na 12-godzinny ............................................. 318
Odliczanie ............................................................................................................ 320
Wy wietlanie i ukrywanie warstw ...................................................................... 324
Przenoszenie obiektu w dokumencie ................................................................ 327
Metody obiektu Date .......................................................................................... 329
Rozdziaï 13.
Wprowadzenie do technologii Ajax
331
Spis tre ci
Ajax: o co tu chodzi? ........................................................................................... 333
Odczytywanie danych z serwera ........................................................................ 337
Analizowanie danych z serwera ......................................................................... 345
Od wie anie danych z serwera .......................................................................... 352
Pobieranie danych z serwera .............................................................................. 355
PodglÈd ïÈczy w technologii Ajax ....................................................................... 359
Automatyczne uzupeïnienie pól formularza ...................................................... 363
Rozdziaï 14.
Zestawy narzÚdziowe AJAX
369
PrzeciÈganie i upuszczanie elementów strony .................................................. 371
Wstawianie kalendarza ....................................................................................... 377
Wstawianie na strony podwójnego kalendarza ................................................. 381
Stosowanie kontenerów ...................................................................................... 387
Dodawanie efektów animacji ............................................................................. 392
Implementowanie kontrolki dziennika dla celów debugowania ...................... 395
Rozdziaï 15.
JavaScript w akcji
399
Stosowanie wysuwanych menu .......................................................................... 400
Dodawanie menu rozwijanych ........................................................................... 403
Rozbudowa menu rozwijanych .......................................................................... 407
Pokaz slajdów z podpisami ................................................................................. 411
Generator dziwnych imion ................................................................................. 415
Generator wykresów sïupkowych ...................................................................... 421
Podmiany arkuszy stylów .................................................................................... 429
Rozdziaï 16.
Tworzenie stron w Ajaksie
439
Wyró nianie nowych elementów ....................................................................... 440
Tworzenie menu harmonijkowych .................................................................... 445
Tworzenie sprytnych okien dialogowych .......................................................... 448
8
Zgłoś jeśli naruszono regulamin