JavaScript - przykłady. Biblia

22
Wydawnictwo Helion ul. Chopina 6 44-100 Gliwice tel. (32)230-98-63 e-mail: [email protected] PRZYK£ADOWY ROZDZIA£ PRZYK£ADOWY ROZDZIA£ IDZ DO IDZ DO ZAMÓW DRUKOWANY KATALOG ZAMÓW DRUKOWANY KATALOG KATALOG KSI¥¯EK KATALOG KSI¥¯EK TWÓJ KOSZYK TWÓJ KOSZYK CENNIK I INFORMACJE CENNIK I INFORMACJE ZAMÓW INFORMACJE O NOWOCIACH ZAMÓW INFORMACJE O NOWOCIACH ZAMÓW CENNIK ZAMÓW CENNI K CZYTELNIA CZYTELNIA FRAGMENTY KSI¥¯EK ONLINE FRAGMENTY KSI¥¯EK ONLINE SPIS TRECI SPIS TRECI DODAJ DO KOSZYKA DODAJ DO KOSZYKA KATALOG ONLINE KATALOG ONLINE JavaScript – przyk³ady. Biblia Autor: Danny Goodman T³umaczenie: Piotr Rajca ISBN: 83-7197-671-2 Tytu³ orygina³u: JavaScript Examples Bible: The Essential Companion to JavaScript Bible Format: B5, stron: 522 Niniejsza ksi¹¿ka stanowi wspania³e uzupe³nienie JavaScript. Biblia Ksi¹¿ka — autora bestsellera „JavaScript. Biblia” — to dziesi¹tki gotowych przyk³adów kodu, których mo¿esz u¿yæ na swoich stronach internetowych. Nawet jeli przedstawionych przyk³adów nie wykorzystasz bezporednio, to zaznajomienie siê z nimi pomo¿e Ci poznaæ tajniki JavaScriptu. Mo¿esz je porównaæ ze swoimi skryptami. Ogromna wiedza i umiejêtnoci Danny'ego Goodmana mog¹ byæ dla Ciebie wspania³ym punktem odniesienia. Dodatkowo zapoznaæ siê mo¿esz z jego wartociowymi wskazówkami i uwagami towarzysz¹cymi fragmentom kodu. Jeli chcesz wzbogaciæ swoje strony o interaktywne elementy utworzone w JavaScripcie, powiniene mieæ tê ksi¹¿kê zawsze pod rêk¹. Oszczêdzisz sobie w ten sposób wiele cennego czasu.

description

Od zrozumienia zasad działania języka programowania do jego praktycznego wykorzystania prowadzi długa droga. Czasem jest ona zbyt długa -- wówczas sięgamy po gotowe przykłady i rozwiązania. Nie inaczej jest w przypadku języka JavaScript. Chociaż warto nauczyć się pisać samodzielnie skrypty w tym języku, w wielu przypadkach wyważanie otwartych drzwi jest stratą czasu. Niniejsza książka stanowi wspaniałe uzupełnienie JavaScript. Biblia.Książka -- autora bestsellera "JavaScript. Biblia" -- to dziesiątki gotowych przykładów kodu, których możesz użyć na swoich stronach internetowych. Nawet jeśli przedstawionych przykładów nie wykorzystasz bezpośrednio, to zaznajomienie się z nimi pomoże Ci poznać tajniki JavaScriptu. Możesz je porównać ze swoimi skryptami. Ogromna wiedza i umiejętności Danny"ego Goodmana mogą być dla Ciebie wspaniałym punktem odniesienia. Dodatkowo zapoznać się możesz z jego wartościowymi wskazówkami i uwagami towarzyszącymi fragmentom kodu.Jeśli chcesz wzbogacić swoje strony o interaktywne elementy utworzone w JavaScripcie, powinieneś mieć tę książkę zawsze pod ręką. Oszczędzisz sobie w ten sposób wiele cennego czasu.

Transcript of JavaScript - przykłady. Biblia

Page 1: JavaScript - przykłady. Biblia

Wydawnictwo Helion

ul. Chopina 6

44-100 Gliwice

tel. (32)230-98-63

e-mail: [email protected]

PRZYK£ADOWY ROZDZIA£PRZYK£ADOWY ROZDZIA£

IDZ DOIDZ DO

ZAMÓW DRUKOWANY KATALOGZAMÓW DRUKOWANY KATALOG

KATALOG KSI¥¯EKKATALOG KSI¥¯EK

TWÓJ KOSZYKTWÓJ KOSZYK

CENNIK I INFORMACJECENNIK I INFORMACJE

ZAMÓW INFORMACJEO NOWO�CIACH

ZAMÓW INFORMACJEO NOWO�CIACH

ZAMÓW CENNIKZAMÓW CENNIK

CZYTELNIACZYTELNIA

FRAGMENTY KSI¥¯EK ONLINEFRAGMENTY KSI¥¯EK ONLINE

SPIS TRE�CISPIS TRE�CI

DODAJ DO KOSZYKADODAJ DO KOSZYKA

KATALOG ONLINEKATALOG ONLINE

JavaScript – przyk³ady.BibliaAutor: Danny Goodman

T³umaczenie: Piotr Rajca

ISBN: 83-7197-671-2

Tytu³ orygina³u: JavaScript Examples Bible:

The Essential Companion to JavaScript Bible

Format: B5, stron: 522

Niniejsza ksi¹¿ka stanowi wspania³e uzupe³nienie JavaScript. Biblia

Ksi¹¿ka — autora bestsellera „JavaScript. Biblia” — to dziesi¹tki gotowych przyk³adów

kodu, których mo¿esz u¿yæ na swoich stronach internetowych. Nawet je�li

przedstawionych przyk³adów nie wykorzystasz bezpo�rednio, to zaznajomienie siê

z nimi pomo¿e Ci poznaæ tajniki JavaScriptu. Mo¿esz je porównaæ ze swoimi skryptami.

Ogromna wiedza i umiejêtno�ci Danny'ego Goodmana mog¹ byæ dla Ciebie wspania³ym

punktem odniesienia. Dodatkowo zapoznaæ siê mo¿esz z jego warto�ciowymi

wskazówkami i uwagami towarzysz¹cymi fragmentom kodu.

Je�li chcesz wzbogaciæ swoje strony o interaktywne elementy utworzone

w JavaScripcie, powiniene� mieæ tê ksi¹¿kê zawsze pod rêk¹. Oszczêdzisz sobie

w ten sposób wiele cennego czasu.

Page 2: JavaScript - przykłady. Biblia

���������

�������� �

� ��� ��

�������������������������������� �!"#$�%����������&'�&Najważniejsze informacje o przykładach ..............................................................................................15

Obiekty ogólne ......................................................................................................................................17

Właściwości ....................................................................................................................................17

Metody ............................................................................................................................................63

Procedury obsługi zdarzeń ............................................................................................................107

���������(�������� ���� ������)����%����������*'�+,Informacje o przykładach ....................................................................................................................138

Obiekt window ....................................................................................................................................139

Właściwości ..................................................................................................................................139

Metody ..........................................................................................................................................162

Procedury obsługi zdarzeń ............................................................................................................196

Obiekt elementu FRAME....................................................................................................................198

Właściwości ..................................................................................................................................198

Obiekt elementu FRAMESET.............................................................................................................202

Właściwości ..................................................................................................................................202

Obiekt elementu IFRAME...................................................................................................................206

Właściwości ..................................................................................................................................206

Obiekt popup .......................................................................................................................................209

Właściwości ..................................................................................................................................209

Metody ..........................................................................................................................................210

���������+��������������������� �����%����������,'(�+Informacje o przykładach ....................................................................................................................213

Obiekt location ....................................................................................................................................214

Właściwości ..................................................................................................................................214

Metody ..........................................................................................................................................224

Obiekt history ......................................................................................................................................226

Właściwości ..................................................................................................................................226

Metody ..........................................................................................................................................226

���������-��������������������������%����������.'(+�Informacje o przykładach ....................................................................................................................232

Obiekt document..................................................................................................................................232

Page 3: JavaScript - przykłady. Biblia

� /�0�1������2�����������3�����

Właściwości ..................................................................................................................................232

Metody ..........................................................................................................................................249

Procedury obsługi zdarzeń ............................................................................................................262

Obiekt elementu BODY ......................................................................................................................263

Właściwości ..................................................................................................................................263

Metody ..........................................................................................................................................267

Procedury obsługi zdarzeń ............................................................................................................267

���������&������������� ��� �� ����%�����������'(*�Informacje o przykładach ....................................................................................................................270

Obiekt elementu FONT .......................................................................................................................270

Właściwości ..................................................................................................................................270

Obiekt elementu HR ............................................................................................................................273

Właściwości ..................................................................................................................................273

Obiekt elementu MARQUEE..............................................................................................................277

Właściwości ..................................................................................................................................277

Metody ..........................................................................................................................................279

Obiekt Range .......................................................................................................................................280

Właściwości ..................................................................................................................................280

Metody ..........................................................................................................................................282

Obiekt selection ...................................................................................................................................295

Właściwości ..................................................................................................................................295

Metody ..........................................................................................................................................296

Obiekty Text oraz TextNode ...............................................................................................................297

Właściwości ..................................................................................................................................297

Metody ..........................................................................................................................................297

Obiekt TextRange................................................................................................................................301

Właściwości ..................................................................................................................................301

Metody ..........................................................................................................................................304

Obiekt TextRectangle ..........................................................................................................................319

Właściwości ..................................................................................................................................319

���������*��������4���5����������#���%���������((' +(+Informacje o przykładach ....................................................................................................................323

Obiekt Image oraz obiekt elementu IMG............................................................................................324

Właściwości ..................................................................................................................................324

Procedury obsługi zdarzeń ............................................................................................................335

Obiekt elementu AREA.......................................................................................................................336

Właściwości ..................................................................................................................................336

Obiekt elementu MAP.........................................................................................................................337

Właściwość....................................................................................................................................337

���������,�������)����������������������� �6����%���������(+'+-�Informacje o przykładach ....................................................................................................................342

Obiekt FORM......................................................................................................................................342

Właściwości ..................................................................................................................................342

Metody ..........................................................................................................................................345

Procedury obsługi zdarzeń ............................................................................................................346

Obiekt elementu LABEL.....................................................................................................................347

Właściwości ..................................................................................................................................347

���������.��������������%���������(-'+-�Informacje o przykładach ....................................................................................................................350

Obiekt elementu BUTTON oraz obiekty Button, Submit i Reset .......................................................350

Page 4: JavaScript - przykłady. Biblia

1�� ���7�� �

Właściwości ..................................................................................................................................350

Metody ..........................................................................................................................................351

Procedury obsługi zdarzeń ............................................................................................................352

Obiekt checkbox ..................................................................................................................................353

Właściwości ..................................................................................................................................353

Procedury obsługi zdarzeń ............................................................................................................355

Obiekt radio .........................................................................................................................................358

Właściwości ..................................................................................................................................358

Procedury obsługi zdarzeń ............................................................................................................360

�������������������� �� ��������� �)����������%���������(&' +*+Informacje o przykładach ....................................................................................................................364

Obiekt pola tekstowego .......................................................................................................................364

Właściwości ..................................................................................................................................364

Metody ..........................................................................................................................................369

Procedury obsługi zdarzeń ............................................................................................................371

Obiekt elementu TEXTAREA.............................................................................................................374

Właściwości ..................................................................................................................................374

Metody ..........................................................................................................................................374

����������8�������� ���5�������������9��:������%���������(*' +,&Informacje o przykładach ....................................................................................................................376

Obiekt elementu SELECT...................................................................................................................376

Właściwości ..................................................................................................................................376

Metody ..........................................................................................................................................382

Procedury obsługi zdarzeń ............................................................................................................382

Obiekt elementu OPTION...................................................................................................................384

Właściwości ..................................................................................................................................384

Obiekt elementu OPTGROUP.............................................................................................................384

Właściwości ..................................................................................................................................384

���������������������������� ��%���������(,'+.,Informacje o przykładach ....................................................................................................................388

Obiekt elementu TABLE.....................................................................................................................388

Właściwości ..................................................................................................................................388

Metody ..........................................................................................................................................396

Obiekty elementów TBODY, TFOOT oraz THEAD..........................................................................397

Właściwości ..................................................................................................................................397

Obiekty elementów COL oraz COLGROUP ......................................................................................397

Właściwości ..................................................................................................................................397

Obiekt elementu TR.............................................................................................................................398

Właściwości ..................................................................................................................................398

Obiekty elementów TD oraz TH .........................................................................................................399

Właściwości ..................................................................................................................................399

Obiekt elementu OL ............................................................................................................................401

Właściwości ..................................................................................................................................401

Obiekt elementu UL ............................................................................................................................402

Właściwości ..................................................................................................................................402

Obiekt elementu LI ..............................................................................................................................402

Właściwości ..................................................................................................................................402

Page 5: JavaScript - przykłady. Biblia

� /�0�1������2�����������3�����

����������(���������0�����������������������7���� � ��

%���������(.' -8+Informacje o przykładach ....................................................................................................................404

Obiekt clientInformation (IE 4+) oraz navigator (wszystkie przeglądarki) ........................................404

Właściwości ..................................................................................................................................404

Metody ..........................................................................................................................................411

Obiekt screen .......................................................................................................................................412

Właściwości ..................................................................................................................................412

Obiekt userProfile................................................................................................................................413

Metody ..........................................................................................................................................413

����������+�������������;�%���������(�' -�&Informacje o przykładach ....................................................................................................................416

Obiekt event (NN 4) ............................................................................................................................417

Właściwości ..................................................................................................................................417

Obiekt event (IE 4+) ............................................................................................................................420

Właściwości ..................................................................................................................................420

Obiekt event (NN 6+) ..........................................................................................................................429

����������-�������� ���� ������� ��� ���� �%���������+8' --�Informacje o przykładach ....................................................................................................................441

Obiekt styleSheet .................................................................................................................................442

Właściwości ..................................................................................................................................442

Metody ..........................................................................................................................................444

Obiekty cssRule oraz rule....................................................................................................................446

Właściwości ..................................................................................................................................446

����������&�����������< �� ����%���������+�' --�Informacje o przykładach ....................................................................................................................450

Obiekt layer stosowany w przeglądarce NN 4 ......................................................................................450

Właściwości ..................................................................................................................................450

Metody ..........................................................................................................................................469

����������*��������1�����5�#���5�=�������3������%����������+-���+&' -,&Informacje o przykładach ....................................................................................................................476

Obiekt String........................................................................................................................................476

Właściwości ..................................................................................................................................476

Metody rozbioru łańcuchów..........................................................................................................477

Obiekt Number ....................................................................................................................................489

Właściwości ..................................................................................................................................489

Metody ..........................................................................................................................................490

����������,�������������%���������+,' -��Informacje o przykładach ....................................................................................................................492

Metody obiektu Array .........................................................................................................................492

1���� ��� &8�

Page 6: JavaScript - przykłady. Biblia

���������

����������� �����

�����������������������

������������ �

� Jak pobierać obrazy do pamięci podręcznej i zamieniać obrazy wyświetlane

na stronie

� Wykonywanie czynności bezpośrednio po pobraniu obrazu

� Tworzenie interaktywnych map odnośników obsługiwanych po stronie klienta

Obiekty elementów ��� są bardzo często wykorzystywane w skryptach, głównie dlatego,

iż są one stosowane w rozwiązaniach polegających na zamienianiu obrazów wyświetla-

nych na stronie. Poza tym możliwość wykorzystania tych obiektów w skryptach była

dostępna niemal już w pierwszych wersjach przeglądarek obsługujących język Java-

Script. W rozwiązaniach obejmujących zamienianie obrazów pomocniczą rolę odgrywa

obiekt �����, wykorzystywany w celu pobrania obrazu z serwera od pamięci podręcznej

przeglądarki (dzięki czemu obraz wyświetlony na stronie można błyskawicznie zamie-

nić na inny). Choć z punktu widzenia skryptów te obiekty są różne, mają wiele wspól-

nych właściwości i metod, dzięki czemu poznanie sposobów ich wykorzystania jest

znacznie prostsze.

Obiekty elementów �� oraz ��� ściśle ze sobą współpracują. W praktyce element ��

przypomina nieco obiekt � używany do definiowania połączeń. Oba elementy tworzą

bowiem na stronie „miejsca”, które użytkownik może kliknąć, co zazwyczaj powoduje

przejście na inną stronę witryny lub do dowolnego innego miejsca Sieci. Te obiekty

mają także wiele wspólnych właściwości związanych z adresami URL.

����������������������

� Większość wersji przeglądarki Internet Explorer jest w stanie wyświetlać elementy

��� zawierające zarówno obrazy nieruchome, jak i „ruchome” (na przykład, klipy

wideo zapisane w formacie MPEG). Przykład przedstawiony na listingu 22.3

pokazuje w jaki sposób, przy użyciu właściwości � ����, można zastąpić obraz

stały obrazem ruchomym.

Page 7: JavaScript - przykłady. Biblia

��� ������������� ���� �������

� Strona przedstawiona na listingu 22.4 pozwala na porównanie efektywności

zamieniania obrazów przechowywanych w pamięci podręcznej przeglądarki

i pobieranych bezpośrednio z serwera. Skrypt pokazuje także w jaki sposób można

cyklicznie zamieniać obrazy w określonych odstępach czasu.

� Listing 22.5 pokazuje w jaki sposób można wykonywać czynności w odpowiedzi

na zdarzenie ������ obrazu.

� Na listingu 22.7 został przedstawiony skrypt o bardzo dużych możliwościach,

pokazujący w jaki sposób, po zmianie obrazu wyświetlanego w elemencie ���,

można zastosować nową mapę odnośników obsługiwaną po stronie przeglądarki.

������������������������ ����!��"

�����������

�����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � �

�������

Strona przedstawiona na listingu 22.1 pozwala na przypisywanie różnych wartości właści-

wości �����, określającej położenie wewnątrzwierszowego obrazu w stosunku do sąsia-

dującego z nim tekstu. Spróbuj zmieniać wielkość okna przeglądarki, aby tekst wyświe-

tlany na stronie był w różny sposób dzielony i przyjrzyj się, jaki wpływ na układ strony

mają wybierane wartości wyrównania obrazu. Nie wszystkie przeglądarki udostępniają

unikatowe możliwości wyrównania odpowiadające wszystkim podanym opcjom, a zatem

spróbuj przetestować stronę w wielu różnych przeglądarkach.

�����������Testowanie właściwości align obrazów

������������������� �������� ������������������������ !"����#�$���%&' ( ��)�*�&�

+��������,�������-���.,��/�0����1���-���2-3��2 �����%�,��2�*����,4,��2,������1�1�562��5�7��� !"���������89:���;��� �������� ������������������;���!��<9!���3���)=�,*�,>���3)>�� �� ?����� ���� @ ���%&,�������-���.�@�,/&�

Page 8: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

�����9"�9#� �,�����-�����9"�9#� �,-�11�������9"�9#�� ,����������9"�9#����� ���������-�����9"�9#����+������9"�9#�-�11�������9"�9#�)��@������9"�9#���5���*�����9"�9#���*������ ����<9!����!��"���)�-��*,�-�1���)�,��� -��A����,����� �)� 1�*�,����������A,�1�1�����,-�1���-*�)�����1�1�������� ��)�����1���)��- �� ��B� 2�����#���%&-3��&��! %&1�,�;2��+&������%CD����%;ED�$�����-� 1-���-�(��� -A�B��,���,�)�1��5�)��� ������� -���� ��)�,���,����� ��B��*��5�� ���--�1�����,�B� �2��"���89:��������

���

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � �

�������

Określanie wartości właściwości ��� obrazów można wypróbować na stronie Tester (przed-

stawionej w rozdziale 13. książki „JavaScript. Biblia”). Celem tego przykładu jest przypisa-

nie łańcucha znaków właściwości ��� obiektu ���������� ���. Rozpocznij od usunięcia

obrazu wyświetlonego na stronie; w tym celu właściwości ��� przypisz nazwę nieist-

niejącego pliku:

1���-���2-3��2,)��%�&�) �F����F*����2��+&

Jeśli przewiniesz stronę, zobaczysz na niej puste miejsce po obrazie. Teraz określ wartość

właściwości ���:

1���-���2-3��2 ���%�&8�=� �<)�1 &

Przewiń zawartość strony, aby przekonać się czy alternatywny tekst został wyświetlony.

Jeśli w łańcuchu znaków zapisywanym we właściwości ��� chcesz umieścić apostrof

bądź cudzysłów (lub jeden z kilku innych znaków, które w języku JavaScript mają spe-

cjalne znaczenie), to musisz poprzedzić go znakiem odwrotnego ukośnika.

���

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

Page 9: JavaScript - przykłady. Biblia

��� ������������� ���� �������

�������

Skutki określania wartości właściwości ������ obrazów możemy wypróbować na stronie

Tester (posługując się zdefiniowanym na niej obrazem ���������� ���). Przeprowadzając

testy, przypisuj tej właściwości liczby całkowite o różnej wartości.

�� �����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Przed otwarciem strony z listingu 22.2 prezentującej zastosowanie właściwości ������

��������, zamknij i ponownie otwórz przeglądarkę (w ten sposób będziesz miał pew-

ność, że żadne obrazy nie znajdują się w jej pamięci podręcznej). Podczas pobierania

każdego z obrazów sprawdzaj stan właściwości �������� obiektu ����� — klikaj w tym

celu przycisk Czy obraz już pobrano. Do momentu zakończenia pobierania obrazu wła-

ściwość ta będzie mieć wartość �����, potem przyjmie wartość ����. Na naszej przykła-

dowej stronie używane są dwa obrazy, przy czym obraz prezentujący łuk skalny jest

większy. Być może pomiędzy kolejnymi próbami będziesz musiał zamykać i ponownie

otwierać przeglądarkę, aby usunąć obraz z pamięci podręcznej (lub opróżnić całą pamięć

podręczną przeglądarki). Jeśli wykorzystanie właściwości �������� we własnych skryptach

będzie Ci przysparzać problemów, to spróbuj zdefiniować procedurę obsługi zdarzeń

������ w znaczniku ����� (podobnie jak na listingu 22.2, może to być zupełnie pusta

procedura obsługi zdarzeń).

�����������Skrypt wykorzystujący właściwość image.complete

������������� !"����#�$���%&' ( ��)�*�;2;&�+���������� 1�.�@�- ��A+�)-/�0����+�)-2)�,���2( ����%�&&����1���-���2�- ��,4D62,)��%��@�- ��7+���������@����� 1.+�)-/�0����+�)-2)�,���2( ����%�1���-���2�- ��,4D62��-*����7��� !"���������89:������! %&�*�E2��+&����%;ED������%CD����� 1%&&��<9!���#"$���:"�%&������&�G��$�%&�3��������� �� ��)H&��� ����%&�� 1�.I�*�E2��+IA�@�,2+�)-/&��#"$���:"�%&������&�G��$�%&�3�������=1JH���������,� �����&��� ����%&�� 1�.I )�@2��+IA�@�,2+�)-/&��"��#"$���:"�%&������&�G��$�%& =3���) =�J�K�*��) ��&��� ����%&�@����� 1.�@�,2+�)-/&��#"$���:"�%&��5�&�#���%&)�,���&�

Page 10: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

��<9!����89:��������

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � �

�������

Aby w obiekcie ��� wyświetlać obrazy nieruchome bądź ruchome, wystarczy odpowiedniookreślać wartości właściwości ��� oraz � ���� — zapisywać nazwę pliku obrazu w jednejz nich, a pusty łańcuch znaków w drugiej. Bardzo prosty przykład, wyświetlający naprzemian jeden obraz stały oraz jeden klip wideo, został przedstawiony na listingu 22.3.Przedstawiony przykład demonstruje poprawny sposób zamieniania obrazów nierucho-mych na ruchome (i na odwrót), umożliwiający uniknięcie błędów najczęściej popeł-nianych w takich sytuacjach (opisanych w tekście książki).

���������&�Naprzemienne wyświetlanie obrazu nieruchomego i ruchomego

������������������� ��������13�,)��������������������� !"����#�$���%&' ( ��)�*�&�

( )��) ��-��%�����- ��.;LDA;ED/�) ��-�2,)��%�& -�) �2J*�&�) ��-�213�,)��%�& -�) �2-*�&

+��������,�����*./�0����( )�,������)�%�1���-���2+�)-,4D62���*�)����1���-���2-3��2���*�%�,������)2�*����,4,������)2,������1�1�562( ���7

+��������,��- ��.�3*�/�0�����+�.�3*��%%�&J*�&/�0��������1���-���2-3��213�,)��%�&&��������1���-���2-3��2,)��%��) ��-�2,)�����7���,��0��������1���-���2-3��2,)��%�&&��������1���-���2-3��2,� )��%�&+����*��&��������,�����*./��������1���-���2-3��213�,)��%��) ��-�213�,)�����77��� !"���������89:���;��� ��������13�,)���������������;���!��<9!���3���)=��3*���) =�?

Page 11: JavaScript - przykłady. Biblia

��� ������������� ���� �������

�#"$���:"�%&) 1��&�#���%&�-��)��*&� �� M���� ����%&,��- ��.IJ*�I/&�#��)��@�-3�#"$���:"�%&) 1��&�#���%&�-��)��*&��� ����%&,��- ��.I-*�I/&���1���"����) =3��1���)=3�����*���1���*��*��) ���?������ ��#���%&���*�)&��� @ ���%&,�����*./&������9"�9#�G��$�%;����� ���) =�����9"�9#�G��$�%E�1� �) =3�����9"�9#�G��$�%N;������,��O�=����������� ����"���<9!����!�����#���%&-3��&��! %& -�) �2J*�&������%;ED����%;LD���89:��������

Jeśli skrypt jawnie nie przypisze właściwości ����� wartości �������� (jak w powyż-

szym przykładzie), to aby odtworzyć klip, użytkownicy przeglądarek Internet Explorer

dla komputerów Macintosh będą musieli kliknąć go dwa razy (IE 4) lub raz (IE 5).

�������������

��������������

��������

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � �

�������

Wszystkie trzy omawiane tu właściwości są podobne od analogicznych właściwości

obiektu ��������. Przykład ich wykorzystania został przedstawiony na listingu 18.4. Jeśli

chcesz wypróbować omawiane właściwości obiektu obrazu, to skopiuj stronę przedsta-

wioną na listingu 18.4, dodaj do niej element ���, a następnie zastąp odwołania do wła-

ściwości obiektu �������� odwołaniami do odpowiedniego obiektu elementu ���.

������

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Właściwości ������ oraz ����� można wypróbować na stronie Tester (przedstawionej

w rozdziale 13. książki „JavaScript. Biblia”). Zacznij od pobrania domyślnych wartości

tych właściwości. W tym celu w górnym polu tekstowym formularza wpisz następujące

wyrażenia:

1���-���2-3��2@���@�1���-���2-3��2��1�@

Page 12: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

Następnie zmień wysokość obrazu z 90 do 180 pikseli:

1���-���2-3��2@���@��%�;PD

Gdy przewiniesz stronę i wyświetlisz obraz, okaże się, że został on przeskalowany (abyzachować oryginalne proporcje). W końcu podaj nową szerokość obrazu:

1���-���2-3��2��1�@�%�QDD

i przyjrzyj się efektom wprowadzonych modyfikacji.

������

������

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Do sprawdzenia właściwości ������ i ����� można użyć strony Tester (opisanej w roz-dziale 13. książki „JavaScript. Biblia”). W pierwszej kolejności upewnij się, że obraz wy-świetlony na samym końcu strony nie ma żadnych marginesów i jest wyświetlony tużprzy lewej krawędzi okna przeglądarki. Następnie zmień szerokość poziomego margi-nesu na 30 pikseli:

1���-���2-3��2@,* ���%�RD

Wykonanie powyższej instrukcji spowoduje odsunięcie obrazu od lewej krawędzi stronyna odległość 30 pikseli. Margines o tej samej szerokości został umieszczony także z prawejstrony obrazu, choć nie jest on widoczny na stronie.

�����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � �

�������

Obraz wyświetlony u dołu strony Tester nie został zdefiniowany jako mapa odnośników.Z tego względu, jeśli w górnym polu tekstowym formularza wyświetlonego na tej stroniewpiszesz poniższe wyrażenie i klikniesz przycisk Oblicz, to w polu poniżej zostaniewyświetlona wartość �����:

1���-���2-3��2�,� *

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � �

Page 13: JavaScript - przykłady. Biblia

�� ������������� ���� �������

�������

Przykład wykorzystania właściwości ���� został przedstawiony na listingu 22.3, zamiesz-

czonym w opisie właściwości � ����.

�����

�����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Wpływ właściwości określających plik źródłowy obrazu na przetwarzanie zdarzeń został

przedstawiony na listingu 22.5, podanym w opisie procedury obsługi zdarzeń ������.

�� �

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � (�) � � �

�������

Do sprawdzenia wartości właściwości ���� można wykorzystać stronę Tester (przedsta-

wioną w rozdziale 13. książki „JavaScript. Biblia”). W górnym polu tekstowym formu-

larza wpisz następujące wyrażenie:

1���-���2-3��2� -�

Oczywiście, powyższy przykład jest nieco bezsensowny, gdyż nazwa obrazu stanowi

fragment użytego odwołania.

�� ����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � �

�������

Do porównania wartości właściwości ��� i �������� w przeglądarce IE 5+ dla systemu

Windows można użyć strony Tester (przedstawionej w rozdziale 13. książki „JavaScript.

Biblia”). W górnym polu tekstowym formularza wpisz każde z poniższych wyrażeń:

1���-���2-3��2,)�1���-���2-3��2� -�")�*

Page 14: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ��

�������

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � �

�������

Do sprawdzenia wartości właściwości �������� obiektu reprezentującego obraz można

użyć strony Tester. W górnym polu tekstowym formularza wpisz poniższe wyrażenie:

1���-���2-3��2*)������

��

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � (�) � � �

�������

W przykładzie przedstawionym na listingu 22.4 pokazanych zostało kilka różnych zasto-

sowań obiektów reprezentujących obrazy. Podstawowym celem tego przykładu jest przed-

stawienie różnic w efektywności zamieniania obrazów przechowywanych w pamięci

podręcznej przeglądarki oraz pobieranych bezpośrednio z serwera. Dodatkowo skrypt

pokazuje w jaki sposób automatycznie zamieniać wyświetlane obrazy w podanych odstę-

pach czasu. Rozwiązanie to jest bardzo często stosowane na witrynach wyświetlających

paski z reklamami.

W momencie pobierania strony, w zmiennej globalnej zapisywana jest tablica obiektów

�����. Poszczególne komórki tej tablicy są indeksowane łańcuchami znaków reprezen-

tującymi nazwy obrazów (na przykład: !���"#!, !���"$! i tak dalej). Rozwiązanie to zo-

stało wykorzystane celowo, gdyż skrypt będzie się odwoływał do poszczególnych komórek

tablicy właśnie przy użyciu tych nazw. Każdemu obiektowi ����� zapisanemu w tablicy

zostaje przypisany adres URL obrazu. Dzięki temu obrazy zostają pobrane i zapisane

w pamięci podręcznej przeglądarki.

Na stronie zostały zdefiniowane dwa elementy ��� (patrz rysunek 6.1). Pierwszy z nich

wyświetla obrazy pobierane bezpośrednio z serwera, a drugi — obrazy pobierane z pa-

mięci podręcznej. Poniżej każdego z elementów ��� zostaje wyświetlona rozwijana lista

pozwalająca na wybranie jednego z czterech obrazów, który ma zostać wyświetlony

w danym elemencie ���. W procedurach obsługi zdarzeń ��%����� elementów &�%'

wywoływane są dwie różne funkcje — w przypadku obrazów pobieranych z serwera

wywoływana jest funkcja �������� �����(), a w przypadku obrazów pobieranych z pa-

mięci podręcznej — funkcja ����%�����(). W wywołaniach obu funkcji podawany jest

jeden argument — odwołanie do formularza zawierającego elementy &�%'.

Za cykliczną zmianę obrazów co 5 sekund odpowiada funkcja ����"'����(), która w pierw-

szej kolejności sprawdza czy jest zaznaczone odpowiednie pole wyboru. Jeśli pole zostało

Page 15: JavaScript - przykłady. Biblia

��� ������������� ���� �������

$ �'���(���Strona demonstrująca wykorzystanie obiektów Image(Obrazy © Aris Multimedia Inc., 1994)

zaznaczone, to funkcja pobiera wartość właściwości ������������* listy służącej do wyboruobrazu pobieranego z pamięci podręcznej. Następnie wartość ta jest inkrementowana(lub zmniejszana do zera, jeśli przekroczyła pewną maksymalną wartość), a odpowied-nia lista zostaje zaktualizowana. Po wykonaniu powyższych czynności skrypt może jużwywołać funkcję ����%�����(), która określa wybrany element listy i wyświetla odpo-wiedni obraz.

Dodatkowo, w znaczniku �+,-.� została zdefiniowana procedura obsługi zdarzenia ��/�0����, która wywołuje funkcję �����&������(). Ta ogólna funkcja przegląda wszystkieformularze zdefiniowane na stronie i odnajduje w nich wszystkie elementy &�%'.W każdym z odnalezionych elementów, funkcja przypisuje właściwości ������������*wartość 1. Dzięki temu, jeśli użytkownik odświeży stronę lub wróci na nią w wynikukliknięcia przycisku Wstecz (Back), to obrazy będą odtwarzane w oryginalnej kolejności.Procedura obsługi zdarzenia ������ zapewnia, że wyświetlane obrazy będą odpowiadaćopcjom wybranym na odpowiadającym im listach, a po 5 sekundach zostanie wywołanafunkcja ����"'����(). Należy jednak zwrócić uwagę, iż obrazy pobierane z pamięcipodręcznej przeglądarki są zamieniane wyłącznie wówczas, gdy użytkownik zaznaczypole wyboru wyświetlone u dołu strony.

���������)�Obsługa obiektu image za pomocą skryptu i zamienianie obrazów

�����������������9�����- ���������

Page 16: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

�� !"����#�$���%&' ( ��)�*�&�������� ����1��� ) �J��� ����3���) =>�( )��- ��8

�����) =3�*)=��@��3� �����* -�H���*�1)H�=��J�+�.1���-���2�- ��,/�0�������1� ��3��13�= *�,�J�-3����,�������1��,3�� ����3���+�)-�����,�3����( )�1�,�- ��,�%������)) 3.&1�,�;&A�&1�,�E&A�&1�,�R&A�&1�,�Q&/����������)=3-3�� ����H�������>��- �����*����) -3���) =3�1��������* -�H���*�1)H�=��J�����- ��8�%������)) 3.Q/����+�)�.( )���%�DS������- ��82�����@�S��TT/�0���������- ��841�,�- ��,4�66�%�����- ��.;EDACD/���������- ��841�,�- ��,4�662,)��%�1�,�- ��,4�6�T�&2��+&����77

���=-���� -3���) =�*����) �3���=*��)�1����=�,�)��) +���������� 1�1�(�1� �.+�)-/�0�����+�.1���-���2�- ��,/�0��������( )���+# -��%�+�)-2��1�(�1� �2�*����,4+�)-2��1�(�1� �2,������1�1�562( �����������1���-���2�@�-�� ��;2,)��%���+# -��T�&2��+&����77

���=-���� -3���) =�*)=��@��3� �3���* -�H���*�1)H�=��J+���������� 1 �@�1.+�)-/�0�����+�.1���-���2�- ��,/�0��������( )���+�1�5�%�+�)-2� �@�12�*����,4+�)-2� �@�12,������1�1�562( �����������1���-���2�@�-�� ��E2,)��%��- ��84��+�1�562,)�����77

���J�����*�����3��)��=�,� ���= =� �=���A����*����) -3�������J�3���) =�*)=��@��3� �3���* -�H���*�1)H�=��J+���������@�����-�)./�0�����+�.1���-���2�- ��,�UU�1���-���2��-�)2��-�)8�52�@����1/�0��������( )���+�1�5�%�1���-���2,��������,2� �@�12,������1�1�5���������+�.TT��+�1�5����- ��82�����@�N�;/�0��������������+�1�5�%�D��������7��������1���-���2,��������,2� �@�12,������1�1�5�%���+�1�5���������� 1 �@�1.1���-���2,��������,/��������( )���-�����%�,����-����.&�@�����-�)./&AVDDD/����77

���*�1�= ,��,�� �� �,�)��3�=�*)=���W1 )����1�� )= -3��)3��� ��3���,� ����,��)�=��J �3�@+��������)�,��������,./�0����+�)�.( )���%�DS�����1���-���2+�)-,2�����@S��TT/�0��������+�)�.( )�J�%�DS�J���1���-���2+�)-,4�62���-���,2�����@S�JTT/�0�������������+�.1���-���2+�)-,4�62���-���,4J62�3*��%%�&,�����N���&/�0����������������1���-���2+�)-,4�62���-���,4J62,������1�1�5�%�D������������7��������7����77

�������J�J�-3�1=� � ����,�)3*��

Page 17: JavaScript - przykłady. Biblia

��� ������������� ���� �������

+������������./�0������ 1�1�(�1� �.1���-���2,��������,/������ 1 �@�1.1���-���2,��������,/����,����-����.&�@�����-�)./&AVDDD/7���� !"��������

�89:����� 1%&����./&���$��� 1%&)�,��������,�./&���;�9������- �����;���!�� �#��!����8���89!�!%R� ���"�#�%R���!��������������8�=*��)�1����=�,�)��) ���������X�* -�H���*�1)H�=��J��������!���!�������#%!�����8�9�) =??��8�������������! %&�*�;2��+&�#���%&�@�-�� ��;&������%CD����%;ED�������������! %&1�,�;2��+&�#���%&�@�-�� ��E&������%CD����%;ED��������!���!�������#%!�����8��3���)=���) =?��8������<9!��#���%&,��������,&��������� ��#���%&��1�(�1� �&��� @ ���%&�� 1�1�(�1� �.�@�,2+�)-/&��9"�9#�G��$�%&�*�;&�)��3�9"�9#�G��$�%&�*�E&�M� �� ��) �9"�9#�G��$�%&�*�R&�3,�������9"�9#�G��$�%&�*�Q&�M ��������� �������������� ��#���%&� �@�1&��� @ ���%&�� 1 �@�1.�@�,2+�)-/&��9"�9#�G��$�%&1�,�;&���-���9"�9#�G��$�%&1�,�E&��*�� �=��9"�9#�G��$�%&1�,�R&�� -* �9"�9#�G��$�%&1�,�Q&���-���E������ ��������<9!�����!�����8����<9!��#���%&��-�)&��#"$���:"�%&�@�����5&�#���%&��-�)8�5&��� ����%&�@�����-�)./&� 3����=����=-���� J���) =3�*����) ���=�* -�H���*�1)H�=��J��<9!���� �#��!���89:��������

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � �

�������

Sposób wykorzystania właściwości ����� na stronie, która wyświetla klip wideo w ele-mencie ���, został przedstawiony na listingu 22.3, zamieszczonym we wcześniejszej częścitego rozdziału.

Page 18: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność �

�������

Aby przewinąć dokument w taki sposób, by obraz znalazł się o kilka pikseli poniżej górnejkrawędzi okna przeglądarki, można użyć następującego wywołania:

���1��2,�)�����.1���-���2�- ��,4D625A�.1���-���2�- ��,4D623�N�R//

���� ������ ���������

������

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Na listingu 22.5 została zdefiniowana procedura obsługi zdarzeń �������. Jeśli chceszzapobiec wyświetlaniu obrazu, który już znajduje się w pamięci podręcznej przeglądarki,będziesz musiał ją zamknąć i ponownie uruchomić. W przedstawionym przykładzie zapew-niłem możliwość odświeżania całej strony. Sposób obsługi zdarzenia w głównej mierzezależy od projektu strony. Zawsze należy jednak dołożyć wszelkich starań, aby w jaknajwiększym stopniu ułatwić użytkownikowi rozwiązywanie problemów, które możenapotkać korzystając ze strony.

�����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � � � �

�������

Przed wypróbowaniem przykładu przedstawionego na listingu 22.5 powinieneś zamknąći ponownie uruchomić przeglądarkę. Gdy dokument jest otwierany po raz pierwszy, po-czątkowo zostaje wyświetlony obraz określony za pomocą atrybutu �,2&% (przedsta-wiający, w tym przypadku, gumki do ołówków), a dopiero później zdjęcie klawiatury.Gdy zdjęcie gumek zostanie już pobrane, procedura obsługi zdarzenia ������ wyświetlaw polu tekstowym słowo !����!. Dzieje się tak niezależnie od tego, że główny obraz(określony przy użyciu atrybut &%) nie został jeszcze pobrany. Kolejny eksperyment

Page 19: JavaScript - przykłady. Biblia

��� ������������� ���� �������

może polegać na pobraniu zdjęcia przedstawiającego łuk skalny. Pobranie tego obrazuzabiera znacznie więcej czasu, a zatem obraz tymczasowy określany dynamicznie zapomocą atrybutu �,2&% zostanie wyświetlony znacznie wcześniej.

���������*�Procedura obsługi zdarzeń onLoad obrazów

������������� !"����#�$���%&' ( ��)�*�&�+���������� 1�.�@�- ��A+�)-/�0�����+�.1���-���2�- ��,/�0��������+�)-2)�,���2( ����%�&&��������1���-���2�- ��,4D62���,)��%�&1�,�;2��+&��������1���-���2�- ��,4D62,)��%��@�- ������77+���������@����� 1.+�)-/�0�����+�.1���-���2�- ��,/�0��������+�)-2)�,���2( ����%�1���-���2�- ��,4D62��-*��������77+��������,��� �./�0�����+.���+�)-.&")=�)� ����*����) ������) =�2� =3��@��,=�*��) �����J�,=�=��) =Y&//�0����������� ����2)��� 1./����77��� !"���������89:������! %&�*�E2��+&��9��! %&1�,�Q2��+&����%;ED������%CD����� 1%&�+�.1���-���2+�)-,4D62)�,���/�1���-���2+�)-,4D62)�,���2( ���%I1���I&������)�%&,��� �./&��<9!���#"$���:"�%&������&�G��$�%&�3��������� �� ��)H&��� ����%&�� 1�.I�*�E2��+IA�@�,2+�)-/&��#"$���:"�%&������&�G��$�%&�3�����������,� ��3&��� ����%&�� 1�.I )�@2��+IA�@�,2+�)-/&��"��#"$���:"�%&������&�G��$�%& =3���) =�J�K�*��) ��Y&��� ����%&�@����� 1.�@�,2+�)-/&��#"$���:"�%&��5�&�#���%&)�,���&���<9!����89:��������

�������� ����!���#�

�����������

����

�����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � �

Page 20: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

�������

Sposób wykorzystania właściwości ������ oraz ����� w skryptach obsługujących obiekty

elementów ��� został przedstawiony na listingu 22.7.

�������� ����!���$

����������

����

NN 2 NN 3 NN 4 NN 6 IE 3/J1 IE 3/J2 IE 4 IE 5 IE 5.5

Zgodność � � � �

�������

Listing 22.7 demonstruje jak można zmieniać obiekty elementów �� umieszczone we-

wnątrz elementu ���. Początkowo na stronie jest wyświetlany obraz przedstawiający kla-

wiaturę. Obraz ten jest skojarzony z mapą odnośników "� �������� obsługiwaną po

stronie klienta i definiującą trzy wybrane obszary na klawiaturze. Jeśli użytkownik zamieni

obraz wyświetlany na stronie wewnątrz elementu ���, skrypt zmieni także wartość wła-

ściwości ������ obiektu elementu ���, tak aby wskazywała na drugi element ���, znacznie

lepiej dostosowany do nowego obrazu. Spróbuj przesuwać wskaźnik myszy w obszarze

obu obrazów i sprawdź adresy URL skojarzone z poszczególnymi obszarami mapy, wy-

świetlane na pasku stanu (w tym przykładzie, strony docelowe określane przez te adresy

nie istnieją).

Kliknięcie przycisku Wygeneruj mapę powoduje jednak wywołanie funkcji ��"������()

tworzącej cztery nowe obiekty elementów �� i dodającej je do mapy skojarzonej z ob-

razem (przy użyciu odwołań charakterystycznych dla DOM używanej przeglądarki).

(Należy zauważyć, że funkcja ��"������() nie działa w przeglądarkach IE 5 dla kom-

puterów Macintosh). Przesuwając wskaźnik myszy w obszarze obrazu po wygenerowaniu

nowych obiektów elementów ��, możemy zauważyć, że wyświetlane są nowe adresy

URL. Warto także zwrócić uwagę na pojawienie się czterech nowych obszarów; komu-

nikaty o nich są wyświetlane na pasku stanu przeglądarki (patrz rysunek 6.2).

���������+�Dynamiczne modyfikowanie elementów AREA

�����������������9���������-�������"��������� !"����#�$���%&' ( ��)�*�&����13� -��=��������)�J�-3����-���3��!��+��������- ���)� ,./�0����1���-���2-3��2,)��%�&1�,�R2��+&����������)=3-3�������3����-���>�� )� ����( )� )� ;�%�1���-���2�)� �����-���.&�!��&/

Page 21: JavaScript - przykłady. Biblia

��� ������������� ���� �������

���� )� ;2@)�+�%�&��)�*�N� 1�N�@ 1�2@�-�&���� )� ;2,@ *��%�&*��3���&���� )� ;2���)1,�%�&VEAEPA;DPARVA;;CAECA;;CAPALRADAVEAEP&����( )� )� E�%�1���-���2�)� �����-���.&�!��&/���� )� E2@)�+�%�&��)�*�N� 1�N8 ,�2@�-�&���� )� E2,@ *��%�&)���&���� )� E2���)1,�%�&ZVALVA;;ZAPZ&����( )� )� R�%�1���-���2�)� �����-���.&�!��&/���� )� R2@)�+�%�&��)�*�N� 1�N @ ��2@�-�&���� )� R2,@ *��%�&*��3���&���� )� R2���)1,�%�&LPAV;AZRAV;ALCAREALPAV;&����( )� )� Q�%�1���-���2�)� �����-���.&�!��&/���� )� Q2@)�+�%�&��)�*�N� 1�N�-*�3��,,2@�-�&���� )� Q2,@ *��%�&)���&���� )� Q2���)1,�%�&DADAVDA;ED&��������,� �� -3���������-���3�1���H=�>��*�1)=H1�3�@����-�������"�����+�.1���-���2 ��/�0�������������1�1� ��QT��������1���-���2 ��2� -*F- *2 )� ,2�����@�%�D��������1���-���2 ��2� -*F- *2 )� ,4D6�%� )� ;��������1���-���2 ��2� -*F- *2 )� ,4;6�%� )� E��������1���-���2 ��2� -*F- *2 )� ,4E6�%� )� R��������1���-���2 ��2� -*F- *2 )� ,4R6�%� )� Q����7���,���+�.1���-���2������-���831/�0�����������##L�J�,��=��1�3�=�-�1���-��H=�>���R ��������( )�- *9�J�%�1���-���2������-���831.&� -*F- *&/���������@����.- *9�J2�@��1#�1�,2�����@/�0������������- *9�J2)�-�(� @��1.- *9�J2+�),� @��1/��������7��������- *9�J2 **��1 @��1. )� ;/��������- *9�J2 **��1 @��1. )� E/��������- *9�J2 **��1 @��1. )� R/��������- *9�J2 **��1 @��1. )� Q/�����������)�=��W= ����*)����-��=��3������ ���-���##L��������1���-���2-3��2,�3��21�,*� 3�%�&������&����77

+���������@ �����M�3�� )1./�0����1���-���2-3��2,)��%�&�*�E2��+&����1���-���2-3��2�,�� *�%�&[��3�� )1� *&7

+���������@ ������ -*./�0����1���-���2-3��2,)��%�&1�,�R2��+&����1���-���2-3��2�,�� *�%�&[� -*� *&7��� !"���������89:���;�9���������-�������"���;���!�����#���%&-3��&��! %&�*�E2��+&����%;ED������%CD�$����"%&[��3�� )1� *&����"�#���%&��3�� )1� *&���!����!�<%&��* M�3,2@�-&����"�%&)���&� 99!�%&DADAELAQE&���!����!�<%&�))��M�3,2@�-&����"�%&*��3���&� 99!�%&QPAPCAVZAZZALCAPEAZZAZDAPCAZPAPQAPCAQPAPC&���!����!�<%&" ��M�3,2@�-&����"�%&��)���&� 99!�%&;DQAV;A;Q&�

Page 22: JavaScript - przykłady. Biblia

����������������� ������ ���!���"��#$!���������% ���

����"����"�#���%&� -*� *&�%&� -*F- *&���!����!�<%&�@ 1�2@�-&����"�%&*��3���&� 99!�%&VEAEPA;DPARVA;;CAECA;;CAPALRADAVEAEP&���!����!�<%&8 ,�2@�-&����"�%&)���&� 99!�%&ZVALVA;;ZAPZ&���!����!�<%& @ ��2@�-&����"�%&*��3���&� 99!�%&LPAV;AZRAV;ALCAREALPAV;&�����"��<9!���"��#"$���:"�%&������&�G��$�%&�3���������) =�� -*3&��� ����%&�@ ������ -*./&��#"$���:"�%&������&�G��$�%&�3����)�J�- *H&��� ����%&- ���)� ,./&���"��"��#"$���:"�%&������&�G��$�%&�3���������) =��� �� ��)3&��� ����%&�@ �����M�3�� )1./&���"���<9!����89:��������

$ �'���(���Skrypt wygenerował specjalną mapę odnośników dostosowaną do wyświetlanego obrazu