Java Script.pdf

(4870 KB) Pobierz
Microsoft Word - Java Script.doc
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 konstruktorw 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
..................................................................................................................................................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, opisw i adresw URL dokumentw................................................32
Dodanie przyciskw á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
..................................................................................................................................................40
TEST SPRAWDZANY NA BIEņġCO ........................................................................................40
W YMAGANIA PROGRAMU ................................................................................................................43
S TRUKTURA PROGRAMU .................................................................................................................43
index.html Î ramki .....................................................................................................................44
question.js Î plik Ņrdþowy JavaScript.......................................................................................45
administer.html ..........................................................................................................................47
TreĻę HTML ..........................................................................................................................49
427380030.001.png
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
..................................................................................................................................................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Ģ obrazkw..................................................................................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 dobr slajdw w trybie automatycznym........................................................................77
Animowane GIF-y i suwaki slajdw ..........................................................................................78
Animacja samych slajdw..........................................................................................................78
427380030.002.png
4
..................................................................................................................................................79
INTERFEJS MULTIWYSZUKIWARKI.....................................................................................79
W YMAGANIA PROGRAMU ................................................................................................................81
S TRUKTURA PROGRAMU .................................................................................................................81
Przechadzka AlejĢ Pamiħci........................................................................................................85
Dynamiczne þadowanie obrazkw..............................................................................................85
Uruchamianie wyszukiwarek .....................................................................................................86
engineLinks()..............................................................................................................................87
ZarzĢdzanie warstwami..........................................................................................................87
Wstħpne þadowanie obrazkw ...............................................................................................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
..................................................................................................................................................95
IMAGEMACHINE..........................................................................................................................95
W YMAGANIA PROGRAMU ................................................................................................................97
S TRUKTURA PROGRAMU .................................................................................................................98
Krok 1. Zaþadowanie strony.....................................................................................................105
Krok 2. OkreĻlenie liczby par obrazkw i ustawieı domyĻlnych.............................................105
Krok 3. OkreĻlenie nazw plikw, atrybutw HREF i tak dalej................................................106
captureDefaultProfile() ........................................................................................................106
generateEntryForm()............................................................................................................107
genJavaScript().....................................................................................................................108
Czas na decyzje....................................................................................................................110
Generowanie kodu ...............................................................................................................111
Krok 4. Wybr PodglĢdu w celu obejrzenia dziaþania kodu....................................................112
Krok 5. Wybr Zmiany danych w celu zrobienia poprawek....................................................112
K IERUNKI ROZWOJU : DODANIE ATRYBUTìW DO SZABLONU .........................................................112
Krok 1. Dodanie pl.................................................................................................................113
Krok 2. Tworzenie tablic w setArrays()...................................................................................113
Krok 3. Pobieranie nowych ustawieı domyĻlnych...................................................................113
Krok 4. Dodanie pl 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
427380030.003.png
5
Spis treŰci
................................................................................................................................................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
................................................................................................................................................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 obrazkw.............................................................................................................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
................................................................................................................................................167
SHOPPING BAG Î WìZEK SKLEPOWY STWORZONY W JAVASCRIPCIE..............167
427380030.004.png
Zgłoś jeśli naruszono regulamin