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

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

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: