JavaScript.pdf

SPIS TREŚCI

OD REDAKCJI..................................................................................................................................8

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

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

Wydzielanie JavaScriptu............................................................................................................ 17

Deklarowanie zmiennych globalnych i tablic na początku....................................................... 17

Deklarowanie konstruktorów po zmiennych globalnych...........................................................17

More current users than licensed!

http://www.aloaha.com

mailto:aloaha@wrocklage.de

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().......................................................................................................................30

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

prevNextResults()...................................................................................................................32

Tylko przy cisk „Następne”............................................................................ .........................33

Przyciski „ Następne” i „Poprzednie”............................................................ ......................... 33

Tylko przycisk „Poprzednie”..................................................................................................33

Kod HTML................................................................................................................................. 35

T WORZENIE BAZY DANYCH W JĘZYKU J AVA S CRIPT ................................................................................... 36

K IERUNKI ROZWOJU .............................................................................................................................36

Zgodność z językiem JavaScript 1.0.......................................................................................... 37

NICTJDO................................................................................................................................... 37

Odporność na błędy................................................................................................................... 37

Wyświetlanie reklam.................................................................................................................. 37

Rozszerzenie możliwości wyszukiwania.....................................................................................38

Zapytania predefiniowane..........................................................................................................38

2..........................................................................................................................................................39

More current users than licensed!

TEST SPRAWDZANY

NA BIEŻĄCO..................................................................................................................................39

W YMAGANIA PROGRAMU ......................................................................................................................42

S TRUKTURA PROGRAMU ........................................................................................................................42

index.html – ramki......................................................................................................................43

question.js – plik źródłowy JavaScript.......................................................................................44

administer.html...........................................................................................................................46

Treść HTML...........................................................................................................................48

Zmienne globalne................................................................................................................... 49

Funkcje................................................................................................................................... 49

itemReset()......................................................................................................................... 49

http://www.aloaha.com

mailto:aloaha@wrocklage.de

Spis treści

shuffle().............................................................................................................................. 50

buildQuestion()...................................................................................................................50

gradeTest()..........................................................................................................................52

printResults()......................................................................................................................54

chickenOut().......................................................................................................................55

K IERUNKI ROZWOJU .............................................................................................................................55

Uodpornienie na oszustwa.........................................................................................................55

Usuwanie odpowiedzi z tablicy..............................................................................................56

Usuwanie gradeTest() i modyfikacja buildQuestion()............................................................56

Modyfikacja printResults().....................................................................................................56

Przekształcenie na ankietę.........................................................................................................57

3..........................................................................................................................................................58

INTERAKTYWNA

PREZENTACJA SLAJDÓW..........................................................................................................58

W YMAGANIA PROGRAMU ......................................................................................................................60

S TRUKTURA PROGAMU ......................................................................................................................... 60

Zmienne......................................................................................................................................63

Ustawienia domyślne warstwy DHTML................................................................................ 64

Zmienne związane z przeglądarkami..................................................................................... 64

Zmienne związane z obrazkami............................................................................................. 64

Zmienne automatycznego pokazu.......................................................................................... 65

Funkcje aplikacji........................................................................................................................65

Funkcje związane z warstwami..............................................................................................65

genLayer()...........................................................................................................................65

slide().... ..................................................................................................... .........................66

genScree n()................................................................................................ .........................67

Elementy tablicy slideShow............................................................................................... 71

Funkcje związane z obsługą obrazków.................................................................................. 71

preLoadImages().................................................................................................................71

imageSwap().......................................................................................................................72

Funkcje nawigacji...................................................................................................................72

refSlide(), hideSlide(), showSlide(), menuManager()........................................................72

changeSlide()......................................................................................................................73

setSlide().............................................................................................................................74

autoPilot()...........................................................................................................................74

automate()...........................................................................................................................75

K IERUNKI ROZWOJU .............................................................................................................................76

Losowy dobór slajdów w trybie automatycznym....................................................................... 76

Animowane GIF-y i suwaki slajdów..........................................................................................76

Animacja samych slajdów..........................................................................................................76

4..........................................................................................................................................................78

http://www.aloaha.com

mailto:aloaha@wrocklage.de

More current users than licensed!

INTERFEJS MULTIWYSZUKIWARKI......................................................................................78

W YMAGANIA PROGRAMU ......................................................................................................................80

S TRUKTURA PROGRAMU ........................................................................................................................80

Przechadzka Aleją Pamięci........................................................................................................83

Dynamiczne ładowanie obrazków..............................................................................................84

Uruchamianie wyszukiwarek..................................................................................................... 85

engineLinks()..............................................................................................................................86

Zarządzanie warstwami..........................................................................................................86

Wstępne ładowanie obrazków................................................................................................88

Tworzenie łącza......................................................................................................................88

imageSwap()...............................................................................................................................89

callSearch()................................................................................................................................89

K IERUNKI ROZWOJU :

Z WIĘKSZENIE MOŻLIWOŚCI DECYDOWANIA PRZEZ UŻYTKOWNIKA ..................................................................91

Krok 1.....................................................................................................................................91

Krok 2.....................................................................................................................................91

Krok 3.....................................................................................................................................92

Krok 4.....................................................................................................................................92

Krok 5.....................................................................................................................................92

5..........................................................................................................................................................94

IMAGEMACHINE..........................................................................................................................94

W YMAGANIA PROGRAMU ......................................................................................................................96

S TRUKTURA PROGRAMU ........................................................................................................................97

Krok 1. Załadowanie strony.....................................................................................................103

Krok 2. Określenie liczby par obrazków i ustawień domyślnych............................................ 104

Krok 3. Określenie nazw plików, atrybutów HREF i tak dalej................................................104

captureDefaultProfile().........................................................................................................104

generateEntryForm().............................................................................................................105

genJavaScript().....................................................................................................................107

Czas na decyzje.................................................................................................................... 108

Generowanie kodu................................................................................................................109

Krok 4. Wybó r Podglądu w celu obejrzenia działania kodu............................. ...................... 110

Krok 5. Wybó r Zmiany danych w celu zrobienia poprawek............................. .......................110

K IERUNKI ROZWOJU :

DODANIE ATRYBUTÓW DO SZABLONU .....................................................................................................110

Krok 1. Dodanie pól.................................................................................................................111

Krok 2. Tworzenie tablic w setArrays()...................................................................................111

Krok 3. Pobieranie nowych ustawień domyślnych...................................................................111

Krok 4. Dodanie pól tekstowych w generateEntryForm().......................................................112

Krok 5. Odwołanie się do nowych wartości w genJavaScript()

i ich użycie.............................................................................................................................. 112

Krok 6. Generacja dodatkowego HTML w genJavaScript()................................................... 112

6........................................................................................................................................................114

More current users than licensed!

REALIZACJA PLIKÓW

ŹRÓDŁOWYCH JAVASCRIPTU...............................................................................................114

ARRAYS . JS ........................................................................................................................................115

COOKIES . JS ....................................................................................................................................... 118

DHTML . JS ......................................................................................................................................... 121

EVENTS . JS .........................................................................................................................................122

FRAMES . JS ........................................................................................................................................126

IMAGES . JS .........................................................................................................................................128

NAVBAR . JS ........................................................................................................................................129

NUMBERS . JS ......................................................................................................................................131

OBJECTS . JS ....................................................................................................................................... 132

STRINGS . JS ........................................................................................................................................135

http://www.aloaha.com

mailto:aloaha@wrocklage.de

Spis treści

K IERUNKI ROZWOJU ...........................................................................................................................139

7........................................................................................................................................................140

USTAWIENIA UŻYTKOWNIKA OPARTE NA CIASTECZKACH.....................................140

W YMAGANIA PROGRAMU ....................................................................................................................141

S TRUKTURA PROGRAMU ......................................................................................................................142

prefs.html..................................................................................................................................143

Formularz ustawień użytkownika.........................................................................................149

Ładowanie zapisanych ustawień...........................................................................................150

Składanie obrazków..............................................................................................................151

Wprowadzanie zmian............................................................................................................... 153

Krok 1. Iteracja formObj...................................................................................................... 154

Krok 2. Zapisanie danych do pliku cookies..........................................................................155

Krok 3. Pokazanie użytkownikowi nowych ustawień..........................................................155

Zerowanie formularza..............................................................................................................155

dive.html...................................................................................................................................155

Analiza ciasteczek................................................................................................................ 157

Twarzą w twarz z nieznanym............................................................................................... 158

K IERUNKI ROZWOJU ...........................................................................................................................161

Więcej ustawień wyglądu......................................................................................................... 162

Gotowe schematy wyglądu stron..............................................................................................162

Umożliwienie użytkownikom tworzenia własnych łącz............................................................162

Marketing bezpośredni.............................................................................................................162

8........................................................................................................................................................163

SHOPPING BAG

– WÓZEK SKLEPOWY

STWORZONY W JAVASCRIPCIE............................................................................................163

S HOPPING B AG W DWÓCH SŁOWACH .....................................................................................................163

Etap 1. Ładowanie aplikacji....................................................................................................164

Etap 2. Przeglądanie towarów i wybór................................................................................... 165

Etap 3: Przeglądanie zamówienia i zmiany w nim..................................................................167

Etap 4. Płacenie....................................................................................................................... 169

W YMAGANIA PROGRAMU ....................................................................................................................169

S TRUKTURA PROGRAMU ......................................................................................................................170

E TAP 1. Ł ADOWANIE APLIKACJI ...........................................................................................................172

Elementy najwyższego poziomu............................................................................................... 173

inventory.js...............................................................................................................................174

Cechy produktów..................................................................................................................177

Cechy kategorii produktów...................................................................................................178

Tworzenie produktów i kategorii......................................................................................... 179

Tworzenie koszyka na zakupy..............................................................................................180

E TAP 2. P OKAZANIE TOWARÓW ...........................................................................................................180

manager.html........................................................................................................................... 181

Zmienne................................................................................................................................187

display()................................................................................................................................188

Wyjątki od reguły................................................................................................................. 189

Tworzenie wyświetlanej strony............................................................................................ 190

E TAP 3. P OKAZANIE WSZYSTKICH KATEGORII .........................................................................................190

Wyświetlenie pierwszego produktu.......................................................................................... 190

http://www.aloaha.com

mailto:aloaha@wrocklage.de

More current users than licensed!

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: