Java Script - Helion.pdf

(4913 KB) Pobierz
Java Script
SPIS TRE ĺ CI
OD REDAKCJI.................................................................................................................................. 9
WST Ħ P.............................................................................................................................................. 10
C O POWINIENE ĺ WIEDZIE Ę .............................................................................................................. 10
U ņ YCIE CZCIONEK ........................................................................................................................... 10
U KŁAD KSI ġņ KI .............................................................................................................................. 10
Wymagania programu................................................................................................................ 11
Struktura programu.................................................................................................................... 11
Techniki j ħ zyka JavaScript......................................................................................................... 11
Kierunki rozwoju........................................................................................................................ 11
O KODZIE ........................................................................................................................................ 11
P ROGRAMOWANIE I TESTOWANIE ................................................................................................... 11
P ODZI Ħ KOWANIA ............................................................................................................................ 11
WPROWADZENIE ......................................................................................................................... 13
Z ALETY J Ħ ZYKA J AVA S CRIPT .......................................................................................................... 13
Prostota, szybko Ļę i efektywno Ļę ............................................................................................... 13
Wszechobecno Ļę ......................................................................................................................... 13
Redukcja obci ĢŇ enia serwera..................................................................................................... 14
JavaScript rozwija si ħ ................................................................................................................ 14
By ę mo Ň e nie ma wyboru............................................................................................................ 14
I wiele innych zalet..................................................................................................................... 14
P ODSTAWOWA STRATEGIA PROGRAMOWANIA W J AVA S CRIPT ........................................................ 14
Co mo Ň e aplikacja?.................................................................................................................... 14
Kim s Ģ nasi odbiorcy ................................................................................................................. 15
Jak radzi ę sobie z przeszkodami? .............................................................................................. 16
Uwzgl ħ dniaj wszelkie u Ň ywane przegl Ģ darki ........................................................................ 16
Dyskretnie obni Ň aj jako Ļę ...................................................................................................... 16
Mierz nisko ............................................................................................................................ 16
Mierz wysoko......................................................................................................................... 16
Udost ħ pniaj wiele wersji jednej aplikacji .............................................................................. 16
U ņ YCIE J Ħ ZYKA J AVA S CRIPT W PREZENTOWANYCH APLIKACJACH ................................................ 16
Wielokrotne u Ň ycie kodu przyszło Ļ ci Ģ narodu ........................................................................... 17
Wydzielanie JavaScriptu ............................................................................................................ 17
Deklarowanie zmiennych globalnych i tablic na pocz Ģ tku........................................................ 17
Deklarowanie konstruktorów po zmiennych globalnych ........................................................... 17
Definiowanie funkcji zgodnie z porz Ģ dkiem „chronologicznym”.............................................. 17
Ka Ň da funkcja realizuje jedno zadanie ...................................................................................... 17
W miar ħ mo Ň liwo Ļ ci u Ň ywaj zmiennych lokalnych..................................................................... 17
2
N AST Ħ PNY KROK ............................................................................................................................. 17
1 .................................................................................................................................................. 18
WYSZUKIWANIE DANYCH PO STRONIE KLIENTA.......................................................... 18
W YMAGANIA PROGRAMU ................................................................................................................ 20
S TRUKTURA PROGRAMU ................................................................................................................. 21
Plik nav.html .............................................................................................................................. 21
Plik records.js ............................................................................................................................ 24
Zmienne globalne....................................................................................................................... 24
Funkcje....................................................................................................................................... 25
validate() ................................................................................................................................ 26
convertString() ....................................................................................................................... 26
allowAny() ............................................................................................................................. 27
requireAll()............................................................................................................................. 27
verifyManage()....................................................................................................................... 30
noMatch()............................................................................................................................... 30
formatResults() ...................................................................................................................... 31
Nagłówek i tytuł dokumentu HTML ..................................................................................... 31
Wy Ļ wietlanie tytułów, opisów i adresów URL dokumentów................................................ 32
Dodanie przycisków „Poprzedni” i „Nast ħ pny” .................................................................... 33
prevNextResults() .................................................................................................................. 33
Tylko przycisk „Nast ħ pne” .................................................................................................... 33
Przyciski „Nast ħ pne” i „Poprzednie”..................................................................................... 33
Tylko przycisk „Poprzednie” ................................................................................................. 34
Kod HTML ................................................................................................................................. 36
T WORZENIE BAZY DANYCH W J Ħ ZYKU J AVA S CRIPT ........................................................................ 36
K IERUNKI ROZWOJU ........................................................................................................................ 37
Zgodno Ļę z j ħ zykiem JavaScript 1.0........................................................................................... 37
NICTJDO ................................................................................................................................... 37
Odporno Ļę na bł ħ dy ................................................................................................................... 38
Wy Ļ wietlanie reklam .................................................................................................................. 38
Rozszerzenie mo Ň liwo Ļ ci wyszukiwania ..................................................................................... 38
Zapytania predefiniowane.......................................................................................................... 39
2 .................................................................................................................................................. 40
TEST SPRAWDZANY NA BIE ņġ CO ........................................................................................ 40
W YMAGANIA PROGRAMU ................................................................................................................ 43
S TRUKTURA PROGRAMU ................................................................................................................. 43
index.html – ramki ..................................................................................................................... 44
question.js – plik Ņ ródłowy JavaScript....................................................................................... 45
administer.html .......................................................................................................................... 47
Tre Ļę HTML .......................................................................................................................... 49
 
3
Spis treŰci
Zmienne globalne................................................................................................................... 50
Funkcje................................................................................................................................... 50
itemReset() ......................................................................................................................... 51
shuffle().............................................................................................................................. 51
buildQuestion() .................................................................................................................. 52
gradeTest() ......................................................................................................................... 54
printResults()...................................................................................................................... 55
chickenOut()....................................................................................................................... 57
K IERUNKI ROZWOJU ........................................................................................................................ 57
Uodpornienie na oszustwa ......................................................................................................... 57
Usuwanie odpowiedzi z tablicy ............................................................................................. 57
Usuwanie gradeTest() i modyfikacja buildQuestion()........................................................... 58
Modyfikacja printResults() .................................................................................................... 58
Przekształcenie na ankiet ħ ......................................................................................................... 58
3 .................................................................................................................................................. 59
INTERAKTYWNA PREZENTACJA SLAJDÓW ...................................................................... 59
W YMAGANIA PROGRAMU ................................................................................................................ 61
S TRUKTURA PROGAMU .................................................................................................................... 61
Zmienne...................................................................................................................................... 64
Ustawienia domy Ļ lne warstwy DHTML ............................................................................... 65
Zmienne zwi Ģ zane z przegl Ģ darkami ..................................................................................... 65
Zmienne zwi Ģ zane z obrazkami ............................................................................................. 66
Zmienne automatycznego pokazu.......................................................................................... 66
Funkcje aplikacji........................................................................................................................ 66
Funkcje zwi Ģ zane z warstwami.............................................................................................. 67
genLayer().......................................................................................................................... 67
slide() ................................................................................................................................. 67
genScreen() ........................................................................................................................ 69
Elementy tablicy slideShow............................................................................................... 72
Funkcje zwi Ģ zane z obsług Ģ obrazków .................................................................................. 73
preLoadImages() ................................................................................................................ 73
imageSwap() ...................................................................................................................... 73
Funkcje nawigacji .................................................................................................................. 74
refSlide(), hideSlide(), showSlide(), menuManager() ....................................................... 74
changeSlide() ..................................................................................................................... 75
setSlide() ............................................................................................................................ 76
autoPilot()........................................................................................................................... 76
automate() .......................................................................................................................... 77
K IERUNKI ROZWOJU ........................................................................................................................ 77
Losowy dobór slajdów w trybie automatycznym........................................................................ 77
Animowane GIF-y i suwaki slajdów .......................................................................................... 78
Animacja samych slajdów.......................................................................................................... 78
 
4
4 .................................................................................................................................................. 79
INTERFEJS MULTIWYSZUKIWARKI ..................................................................................... 79
W YMAGANIA PROGRAMU ................................................................................................................ 81
S TRUKTURA PROGRAMU ................................................................................................................. 81
Przechadzka Alej Ģ Pami ħ ci........................................................................................................ 85
Dynamiczne ładowanie obrazków.............................................................................................. 85
Uruchamianie wyszukiwarek ..................................................................................................... 86
engineLinks().............................................................................................................................. 87
Zarz Ģ dzanie warstwami.......................................................................................................... 87
Wst ħ pne ładowanie obrazków ............................................................................................... 89
Tworzenie ł Ģ cza ..................................................................................................................... 89
imageSwap() .............................................................................................................................. 90
callSearch()................................................................................................................................ 91
K IERUNKI ROZWOJU : Z WI Ħ KSZENIE MO ņ LIWO ĺ CI DECYDOWANIA PRZEZ U ņ YTKOWNIKA ............... 92
Krok 1. ................................................................................................................................... 93
Krok 2. ................................................................................................................................... 93
Krok 3. ................................................................................................................................... 93
Krok 4. ................................................................................................................................... 93
Krok 5. ................................................................................................................................... 93
5 .................................................................................................................................................. 95
IMAGEMACHINE.......................................................................................................................... 95
W YMAGANIA PROGRAMU ................................................................................................................ 97
S TRUKTURA PROGRAMU ................................................................................................................. 98
Krok 1. Załadowanie strony..................................................................................................... 105
Krok 2. Okre Ļ lenie liczby par obrazków i ustawie ı domy Ļ lnych............................................. 105
Krok 3. Okre Ļ lenie nazw plików, atrybutów HREF i tak dalej ................................................ 106
captureDefaultProfile() ........................................................................................................ 106
generateEntryForm() ............................................................................................................ 107
genJavaScript()..................................................................................................................... 108
Czas na decyzje.................................................................................................................... 110
Generowanie kodu ............................................................................................................... 111
Krok 4. Wybór Podgl Ģ du w celu obejrzenia działania kodu.................................................... 112
Krok 5. Wybór Zmiany danych w celu zrobienia poprawek .................................................... 112
K IERUNKI ROZWOJU : DODANIE ATRYBUTÓW DO SZABLONU ......................................................... 112
Krok 1. Dodanie pól................................................................................................................. 113
Krok 2. Tworzenie tablic w setArrays() ................................................................................... 113
Krok 3. Pobieranie nowych ustawie ı domy Ļ lnych................................................................... 113
Krok 4. Dodanie pól tekstowych w generateEntryForm() ....................................................... 114
Krok 5. Odwołanie si ħ do nowych warto Ļ ci w genJavaScript() i ich u Ň ycie .......................... 114
Krok 6. Generacja dodatkowego HTML w genJavaScript().................................................... 114
 
5
Spis treŰci
6 ................................................................................................................................................ 116
REALIZACJA PLIKÓW ń RÓDŁOWYCH JAVASCRIPTU ................................................. 116
ARRAYS . JS ..................................................................................................................................... 117
COOKIES . JS .................................................................................................................................... 120
DHTML . JS ...................................................................................................................................... 123
EVENTS . JS ..................................................................................................................................... 124
FRAMES . JS ..................................................................................................................................... 128
IMAGES . JS ..................................................................................................................................... 130
NAVBAR . JS .................................................................................................................................... 131
NUMBERS . JS .................................................................................................................................. 133
OBJECTS . JS .................................................................................................................................... 134
STRINGS . JS .................................................................................................................................... 137
K IERUNKI ROZWOJU ...................................................................................................................... 141
7 ................................................................................................................................................ 143
USTAWIENIA U ņ YTKOWNIKA OPARTE NA CIASTECZKACH..................................... 143
W YMAGANIA PROGRAMU .............................................................................................................. 144
S TRUKTURA PROGRAMU ............................................................................................................... 145
prefs.html ................................................................................................................................. 146
Formularz ustawie ı u Ň ytkownika ........................................................................................ 152
Ładowanie zapisanych ustawie ı .......................................................................................... 153
Składanie obrazków ............................................................................................................. 155
Wprowadzanie zmian ............................................................................................................... 156
Krok 1. Iteracja formObj...................................................................................................... 157
Krok 2. Zapisanie danych do pliku cookies......................................................................... 158
Krok 3. Pokazanie u Ň ytkownikowi nowych ustawie ı ......................................................... 158
Zerowanie formularza.............................................................................................................. 159
dive.html................................................................................................................................... 159
Analiza ciasteczek................................................................................................................ 161
Twarz Ģ w twarz z nieznanym............................................................................................... 162
K IERUNKI ROZWOJU ...................................................................................................................... 165
Wi ħ cej ustawie ı wygl Ģ du ......................................................................................................... 165
Gotowe schematy wygl Ģ du stron.............................................................................................. 165
Umo Ň liwienie u Ň ytkownikom tworzenia własnych ł Ģ cz............................................................ 165
Marketing bezpo Ļ redni............................................................................................................. 166
8 ................................................................................................................................................ 167
SHOPPING BAG – WÓZEK SKLEPOWY STWORZONY W JAVASCRIPCIE .............. 167
 
Zgłoś jeśli naruszono regulamin