Java Script.pdf

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

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

Spistreś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 .................................................................................................................................................. 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

Spistreś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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: