oryginal-javascript-podrecznik-tworzenia-interaktywnych-stron-internetowych-wydanie-ii_jscpod.pdf

(15408 KB) Pobierz
663776604 UNPDF
JavaScript. PodrŒcznik
tworzenia interaktywnych
stron internetowych.
Wydanie II
Autor: Dave Thau
T‡umaczenie: Marcin Karbowski, Tomasz Walczak
ISBN: 978-83-246-1079-2
A Practical Guide to Interactive Web Pages
Format: B5, stron: oko‡o 500
Wydawnictwo Helion
ul. Kociuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Zaprojektuj tŒtni„ce ¿yciem strony internetowe
Jak umieszcza na stronach WWW elementy interaktywne?
W jaki sposb weryfikowa poprawno danych w formularzach?
Jak najlepiej wykorzysta technologiΠAJAX?
JavaScript to jŒzyk programowania nale¿„cy do grupy najpopularniejszych narzŒdzi
wykorzystywanych przy tworzeniu witryn internetowych. Ten ‡atwy w opanowaniu jŒzyk
interpretowany po stronie klienta jest stosowany do wielu zadaæ; weryfikowanie
poprawnoci danych w formularzach, generowanie efektw graficznych, sprawdzanie
modelu przegl„darki u¿ytkownika i tworzenie dynamicznych menu to jego najczŒstsze
zastosowania. JavaScript jest rwnie¿ baz„ dla zyskuj„cej ogromn„ popularno
technologii AJAX, ktra sprawia, ¿e aplikacje sieciowe coraz bardziej upodobniaj„ siŒ
do programw biurkowych
JavaScript. PodrŒcznik tworzenia interaktywnych stron internetowych. Wydanie II
to kompleksowy przegl„d mo¿liwoci jŒzyka JavaScript. Czytaj„c tŒ ksi„¿kŒ, poznasz
podstawy jŒzyka JavaScript, metody wykrywania typu przegl„darki, sterowania
ramkami i oknami przegl„darki, sprawdzania danych z formularzy oraz tworzenia map
obrazkowych. Dowiesz siŒ, jak korzysta z plikw cookie i dynamicznego HTML.
W dalszej czŒci ksi„¿ki znajdziesz szczeg‡owy opis technologii AJAX. Nauczysz siŒ
projektowa nowe strony w tej technologii i konwertowa do niej istniej„ce dokumenty.
Przeczytasz o implementacji mechanizmw AJAX po stronie serwera i przegl„darki,
o korzystaniu ze skryptw PHP i usuwaniu b‡Œdw ze skryptw.
Osadzanie kodu JavaScript w dokumencie HTML
Korzystanie ze zmiennych
Tworzenie efektw rollover
Sterowanie oknami przegl„darki
Obs‡uga formularzy HTML
Zapisywanie danych u¿ytkownikw w plikach cookie
Dynamiczny HTML
Podstawy modelu AJAX
AJAX po stronie przegl„darki i serwera
Korzystanie z plikw XML
Debugowanie skryptw JavaScript i Ajax
Przekonaj siŒ, jak JavaScript zmienia oblicze witryn WWW
663776604.001.png 663776604.002.png 663776604.003.png 663776604.004.png
Spis treści
PODZIĘKOWANIA .................................................................................... 17
WSTĘP ....................................................................................................... 19
PRZEDMOWA DO WYDANIA PIERWSZEGO ............................................. 21
WPROWADZENIE ...................................................................................... 23
1
WITAJCIE W JAVASCRIPT! ........................................................................ 29
Czy JavaScript to język dla mnie? ...........................................................................................30
Czy ta książka jest dla mnie? ..................................................................................................30
Cele książki ............................................................................................................................30
Jakie są możliwości języka JavaScript? ....................................................................................31
Jakie są alternatywy dla języka JavaScript? ..............................................................................32
Skrypty CGI ........................................................................................................................32
VBScript .............................................................................................................................34
Java .....................................................................................................................................35
Flash ...................................................................................................................................35
Ograniczenia języka JavaScript ...............................................................................................35
Brak możliwości nawiązania połączenia z serwerem .........................................................35
Brak możliwości tworzenia grafiki .....................................................................................36
Efekty zależne od przeglądarki ...........................................................................................36
Na początek ...........................................................................................................................36
Umieszczanie skryptu w kodzie strony ..................................................................................37
Obsługa starszych przeglądarek .............................................................................................39
Pierwszy skrypt w języku JavaScript ......................................................................................40
Podsumowanie .......................................................................................................................41
Zadanie ...................................................................................................................................41
2
WYKORZYSTYWANIE ZMIENNYCH I WBUDOWANYCH FUNKCJI W CELU
AUTOMATYCZNEGO AKTUALIZOWANIA STRON INTERNETOWYCH .....43
Zmienne ................................................................................................................................ 45
Składnia zmiennych ............................................................................................................ 45
Nazywanie zmiennych ....................................................................................................... 46
Obliczenia z użyciem zmiennych ....................................................................................... 47
Wyświetlanie rezultatów ....................................................................................................... 47
Analiza listingu 2.2 ............................................................................................................. 49
Ciągi tekstowe ....................................................................................................................... 49
Analiza listingu 2.3 ............................................................................................................. 50
Więcej informacji na temat funkcji ......................................................................................... 51
alert() ................................................................................................................................. 51
Analiza listingu 2.5 ............................................................................................................. 53
prompt() ............................................................................................................................ 54
Parametry .............................................................................................................................. 55
Wyświetlanie daty na stronie internetowej ........................................................................... 56
Wbudowane funkcje dat .................................................................................................... 56
Wyznaczanie daty i godziny ............................................................................................... 57
Skrypt wyświetlający datę i godzinę .................................................................................. 59
Analiza listingu 2.7 ............................................................................................................. 59
W jaki sposób Europejska Agencja Kosmiczna wyświetla datę na swojej stronie? ................ 62
Podsumowanie ...................................................................................................................... 62
Zadanie .................................................................................................................................. 63
3
UWZGLĘDNIANIE TYPU PRZEGLĄDARKI ................................................65
Praktyczny przykład wykrycia typu przeglądarki ................................................................... 66
Metody wykrywania typu przeglądarki .................................................................................. 67
Metoda szybka i mało precyzyjna ...................................................................................... 67
Precyzyjne określanie typu przeglądarki ........................................................................... 68
Przekierowanie użytkowników do innych stron ................................................................... 70
Wyrażenia if ........................................................................................................................... 70
Wyrażenia logiczne ............................................................................................................ 71
Zagnieżdżanie .................................................................................................................... 73
Wyrażenia if-else ............................................................................................................... 74
Wyrażenia if-else-if ............................................................................................................ 74
Kiedy i gdzie należy umieszczać nawiasy klamrowe .......................................................... 75
OR i AND .............................................................................................................................. 76
OR ..................................................................................................................................... 76
AND .................................................................................................................................. 78
Wszystkie techniki razem ...................................................................................................... 79
Dodatkowe informacje na temat wyrażeń logicznych ........................................................... 81
Sposób, w jaki Netscape wyświetla zależną od przeglądarki zawartość swojej strony ......... 82
Podsumowanie ...................................................................................................................... 85
Zadanie .................................................................................................................................. 85
6
Spis treści
4
EFEKTY ROLLOVER ................................................................................... 87
Przykład efektu rollover .........................................................................................................88
Aktywowanie zdarzeń ............................................................................................................89
Rodzaje zdarzeń .................................................................................................................90
Cudzysłowy w języku JavaScript ........................................................................................92
Klikanie łącza donikąd ........................................................................................................93
Inne ciekawe akcje .............................................................................................................94
Zamienianie obrazów .............................................................................................................95
Praca z wieloma obrazami .....................................................................................................96
O co chodzi z tymi kropkami? ................................................................................................97
Obiekt document ...............................................................................................................98
Właściwości obiektów .......................................................................................................99
Wreszcie — efekty rollover! ..............................................................................................99
Wstępne wczytywanie obrazów ......................................................................................100
Efekty rollover na stronie „Tin House” ................................................................................101
Podsumowanie .....................................................................................................................102
Zadanie .................................................................................................................................103
5
WYKORZYSTYWANIE OKIEN ................................................................. 105
Przykład wykorzystania nowego okna w celu przekazania dodatkowych informacji ..........105
Okna jako obiekty ................................................................................................................106
Otwieranie okien .................................................................................................................107
Zmienianie wyglądu nowych okien ..................................................................................108
Niektóre przeglądarki i komputery otwierają okna w inny sposób .....................................111
Zamykanie okien ..................................................................................................................111
Właściwe nazewnictwo ........................................................................................................112
Przemieszczanie okien nad i pod innymi oknami ....................................................................113
Właściwości okien ................................................................................................................113
Status ................................................................................................................................113
Właściwość opener ..........................................................................................................114
Inne metody związane z oknami ..........................................................................................117
Zmienianie rozmiarów okien ...........................................................................................117
Przemieszczanie okien .....................................................................................................117
Podsumowanie .....................................................................................................................120
Zadanie .................................................................................................................................121
6
FUNKCJE JAVASCRIPT ........................................................................... 123
Funkcje jako skróty ..............................................................................................................124
Podstawowa struktura funkcji JavaScript .........................................................................125
Nazywanie funkcji ............................................................................................................125
Nawiasy okrągłe i klamrowe ............................................................................................125
Przykład prostej funkcji ....................................................................................................126
Spis treści
7
Elastyczne funkcje ................................................................................................................ 127
Parametry ........................................................................................................................ 127
Analiza listingu 6.4 ........................................................................................................... 128
Korzystanie z kilku parametrów ...................................................................................... 130
Pobieranie informacji z funkcji ............................................................................................. 131
Analiza listingu 6.6 ........................................................................................................... 133
Problem roku 2000 ............................................................................................................. 133
Analiza listingu 6.8 ........................................................................................................... 135
Poprawne definiowanie zmiennych ..................................................................................... 135
Podsumowanie .................................................................................................................... 138
Zadanie ................................................................................................................................ 138
7
PRZESYŁANIE I ODBIERANIE INFORMACJI
ZA POMOCĄ FORMULARZY ...................................................................141
Przykład zastosowania formularzy ...................................................................................... 142
Tworzenie formularzy ......................................................................................................... 144
Pola tekstowe .................................................................................................................. 144
Przyciski, pola wyboru oraz przełączniki ......................................................................... 145
Listy i rozwijane menu ..................................................................................................... 147
Obszar tekstowy ............................................................................................................. 149
Podsumowanie ................................................................................................................ 150
Formularze i JavaScript ........................................................................................................ 150
Nazywanie elementów formularza ................................................................................. 150
Nazywanie przełączników ............................................................................................... 151
Nazywanie opcji .............................................................................................................. 152
Odczytywanie i definiowanie wartości w formularzach ...................................................... 153
Odczytywanie informacji z pól tekstowych ..................................................................... 153
Automatyczne wypełnianie pól formularza ..................................................................... 154
Obszary tekstowe ........................................................................................................... 156
Pola wyboru .................................................................................................................... 156
Przełączniki ...................................................................................................................... 159
Rozwijane menu i listy ..................................................................................................... 160
Obsługa zdarzeń z użyciem formularzy ............................................................................... 161
Skrócona postać skryptu ..................................................................................................... 163
Rozwijane menu jako narzędzia do nawigacji ...................................................................... 163
Ostatnie udoskonalenia ....................................................................................................... 165
Sposób, w jaki działają narzędzia nawigacyjne na stronie organizacji Lekarze bez Granic .. 166
Podsumowanie .................................................................................................................... 167
Zadanie ................................................................................................................................ 167
8
PRZETWARZANIE INFORMACJI ZA POMOCĄ TABLIC I PĘTLI ..............169
Praktyczny przykład zastosowania tablic ............................................................................. 170
Wbudowane tablice JavaScript ............................................................................................ 170
Określanie liczby elementów w tablicy ............................................................................... 172
8
Spis treści
Zgłoś jeśli naruszono regulamin