[ Pobierz całość w formacie PDF ]
Przegląd technologii SVG......................................................................................587
Dlaczego SVG? ..............................................................................................588
Dlaczego SVG w połączeniu z JavaScript?........................................................589
Podstawowe narzędzia SVG.............................................................................589
Przykład kodu SVG ..............................................................................................591
Model obiektowy dokumentu SVG (SVG DOM).....................................................593
Przeglądarka modelu obiektowego dokumentu Batik..........................................593
Podstawy SVG DOM......................................................................................595
JavaScript w dokumentach SVG ............................................................................595
Element w dokumencie SVG...............................................................596
Określanie języka skryptowego ........................................................................596
Szkielet dokumentu SVG z kodem JavaScript....................................................597
12 JavaScrIpt dIa każdego
Wstawianie tytułu w rysunku SVG ...................................................................598
Tworzenie prostych kształtów przy pomocy kodu JavaScript ..............................600
Wstawianie tekstu za pomocą kodu JavaScript...................................................602
Tworzenie płynnych animacji przy pomocy kodu JavaScript...............................603
Implementacja zdarzeń....................................................................................605
Zaawansowane animacje w języku JavaScript .........................................................610
Wzajemne oddziaływanie modeli obiektowych dokumentów HTML i SVG...............615
Gdzie można znalezć informacje o SVG? ..................................................................616
Podsumowanie .....................................................................................................617
Warsztat ..............................................................................................................617
Pytania i odpowiedzi .......................................................................................617
Quiz...............................................................................................................617
Odpowiedzi do quizu.......................................................................................618
wiczenia ......................................................................................................618
Dodatki.......................................................................................... 619
Dodatek A Nowe cechy JavaScript 1.5 ............................................................ 621
Dodatek B Kody kolorów................................................................................. 625
Dodatek C Spis funkcji.................................................................................... 631
Dodatek D Zasoby sieciowe............................................................................ 647
Dodatek E Krótka historia języka JavaScript.................................................... 653
Skorowidz...................................................................................... 659
Rozdział 1.
Podstawy
JavaScript to język skryptowy, który umożliwia wprowadzanie elementów interak-
tywnych na stronach WWW zapisanych w języku HTML lub XHTML. Język XHTML
Rozszerzony Hipertekstowy Język Znaczników (ang. Extended Hypertext Markup
Language) odpowiada językowi HTML 4 zapisanemu w składni języka XML. Java-
Script idealnie nadaje się do wprowadzania na strony WWW dodatkowych właściwości
oraz elementów interaktywnych. Posługiwanie się jedynie czystym językiem HTML
(lub XHTML) nie pozwala na uzyskanie takich efektów.
W niniejszej książce zaprezentujemy najbardziej użyteczne właściwości języka Java-
Script. Czasami, niektóre z tematów poruszanych w tej publikacji mogą się nam wydać
nieco abstrakcyjne. Zapamiętajmy na początek, że język JavaScript daje największe
możliwości w przypadku, gdy wykorzystujemy kilka jego elementów równocześnie.
Zatem, aby zrozumieć opis określonego zagadnienia, powinniśmy najpierw poznać
kilka właściwości języka JavaScript i wykonać przykłady krok po kroku. Wraz z coraz
głębszym poznawaniem omawianych tu zagadnień upewnimy się co do własnych zdol-
ności łączenia właściwości języka JavaScript i będziemy mogli tworzyć skrypty, które
na razie będą po prostu działały, a kiedy nabierzemy wprawy, także skrypty wykonu-
jące dokładnie takie działania, jakich oczekujemy. Po przeanalizowaniu przykładów,
po zakończeniu lektury książki i przestudiowaniu języka JavaScript staniemy się kom-
petentnymi autorami skryptów w tym języku, dzięki czemu będziemy mogli wykorzystać
jego możliwości do ożywienia naszych stron WWW.
W tym rozdziale przedstawiono zarówno zastosowania, jak i podstawową strukturę
języka JavaScript. Informacje te dadzą nam solidne podstawy, na których oprzemy
naszą wiedzę na temat interesującego nas języka podczas lektury kolejnych rozdzia-
łów tej książki.
W tym rozdziale interesować nas będą następujące zagadnienia:
Czym jest JavaScript?
Podstawy składni języka JavaScript, z uwzględnieniem typów danych
oraz podstawowych funkcji.
22 JavaScrIpt dIa każdego f& Część I
Przedstawiamy język JavaScript
Podstawowymi pytaniami, jakie zadajemy sobie przystępując do nauki czegoś nowego,
są: co to jest? oraz do czego to służy? . Spróbujmy zatem odpowiedzieć na nie w od-
niesieniu do języka JavaScript.
Co to jest JavaScript?
Przytaczając powszechnie powtarzaną definicję, możemy powiedzieć, że JavaScript
jest wieloplatformowym, obiektowym językiem skryptowym, najpowszechniej wykorzy-
stywanym w sieci. Osobom rozpoczynającym dopiero swą przygodę z programowaniem
taka definicja niewiele wyjaśni, przyjrzyjmy się zatem poszczególnym jej częściom.
Język wieloplatformowy
W terminologii komputerowej pojęcie platforma odnosi się do systemu operacyjnego.
Obecnie w komputerach biurowych powszechnie wykorzystuje się takie systemy opera-
cyjne, jak Windows (różne odmiany), Linux czy MacOS. Mówiąc, że język JavaScript
jest wieloplatformowy, mamy na myśli fakt, że kod w nim zapisany będzie w większo-
ści przypadków z powodzeniem działać w różnych systemach operacyjnych, dając
w nich te same wyniki.
Wieloplatformowa natura JavaScript jest bardzo ważnym aspektem tego języka. Obecnie
w komputerach wykorzystywanych do łączenia się z Internetem stosuje się wiele różnych
systemów operacyjnych. Bez właściwości języka JavaScript, która polega na spójnym
działaniu na różnych platformach, napisanie skryptów JavaScript oferujących ulepsze-
nia na stronach WWW dla wykorzystujących różne platformy użytkowników Internetu,
byłoby znacznie trudniejsze.
Jednym z podstawowych celów twórców języka JavaScript było opracowanie wielo-
platformowego języka skryptowego. Możliwość pracy w różnych systemach znacznie
przyczyniła się do sukcesu tego języka. Bez tej cechy, język JavaScript nie przema-
wiałby tak wyraziście do projektantów stron WWW, którzy zazwyczaj chcą docierać
do jak najszerszego grona użytkowników.
Język obiektowy
Prawdopodobnie do tej pory najczęściej korzystaliśmy z języka HTML co oznacza,
że wiemy, iż jest to język znaczników. W językach tego typu znaczniki wykorzystywane
[ Pobierz całość w formacie PDF ]