[ Pobierz całość w formacie PDF ]
.P�tla for z�wierszy106�120 tworzy warstwy i�generuje tre�� warstwy menu:var menuStr = '';for (var i = 0; i < slideShow.length; i++) {genLayer('slide' + i, sWidPos, 45, dWidLyr, dHgtLyr,(i == 0 ? showName : hideName), slideShow[i].structure);menuStr += '';}P�tla przechodzi kolejno po�wszystkich elementach tablicy slideShow, tworz�cza�ka�dym razem warstw� slajdu przez�wywo�anie genLayer().Przyjrzyjmy si� temudok�adniej:genLayer('slide' + i, sWidPos, 45, dWidLyr, dHgtLyr,(i == 0 ? showName : hideName), slideShow[i].structure);Konieczne jest przekazanie ca�ego pakietu parametrów.W�tabeli 3.2 zestawionoi�opisano wszyst�kie te parametry.Mo�na mie� w�tpliwo�ci do�proponowanego przez�autora podej�cia.O�ile s�usznejest stosowanie jednego identyfikatora do�odwo�ywania si� do�wszystkichspokrewnionych obiektów, to nie najlepszym pomys�em jest prezentowanieu�ytkownikowi tego identyfikatora jako nazwy opisowej.Dobrym przyk�adem jest omawiana aplikacja � zmiana angielskich nazw zwierz�tna�polskie oznacza�aby konieczno�� zmienienia nazw wszystkich plikówgraficznych lub przebudow� aplikacji (dodanie funkcji koduj�cej polsk� nazw�zwierz�cia na�nazw� angielsk�, na�podstawie której dopiero mo�na okre�la� nazwyplików).Oczywi�cie najprostszym rozwi�zaniem by�oby dodanie do�obiektuzwierz�cia dodatkowej nazwy i�pokazywanie jej zamiast nazwy angielskiej.Nawet przy�pisaniu nowej aplikacji stosowanie od�razu polskich nazw zwierz�tjako identyfikatorów jest nieciekawym pomys�em.Nazwa polska musia�by tak�e by�zawarta w�nazwie pliku graficznego � na�przyk�ad �winia.gif.Pu�apka polegana�tym, �e w�systemie Windows u�ywane jest kodowanie polskich literWindows�1250, we�wszelkich Uniksach (��cznie z�Linuksem) stosowany jeststandard ISO�8859-2, zatem nazwy plików nie�s� przeno�ne mi�dzy tymi systemami(�winia.gif zmieni si� na�przyk�ad w��winia.gif).Pami�tajmy, �e wi�kszo��serwerów sieciowych to serwery uniksowe.Je�li nawet nie�przeszkadza komu� taka dziwna nazwa pliku, to i�tak jeszczenie�koniec problemów.W�Internecie obowi�zuje kodowanie polskich znaków zgodniez�ISO�8859-2 (obecnie upowszechniaj�cy si� standard XML w�ogóle nie�obs�ugujeWindows�1250), je�li zatem chcemy wy�wietli� u�ytkownikowi nazw� zakodowan�inaczej, na�ekranie pojawi� si� mog� �krzaczki�.Je�li zmienimy kodowanienazwy, to z�kolei nie�b�dzie ona zgodna z�nazwami plików graficznych!Nasuwaj� si� wi�c dwa wnioski:Nie�u�ywaj identyfikatorów jako opisów pokazywanych u�ytkownikowi (upro�ci totak�e tworzenie wersji j�zykowych aplikacji czy stron HTML).W�identyfikatorach stosuj jedynie znaki ASCII (w przypadku�liter tylko alfabet�aci�ski), przynajmniej dopóki nie�upowszechni si� standard Unicode, a�tojeszcze potrwa.Tabela 3.2.Parametry genLayer()Warto��Opis'slide' + iTworzy niepowtarzaln�, indeksowan� nazw� ka�dego slajdu, na�przyk�ad slide0,slide1 i�tak dalej.sWidPosOdleg�o�� od�lewego brzegu okna w�pikselach.sHgtPosOdleg�o�� w�pikselach od�górnego brzegu okna.dWidLyrDomy�lna szeroko�� slajdu, w�tym wypadku 450.dHgtLyrDomy�lna wysoko�� slajdu, w�tym wypadku 450.(i == 0 ? true : false)Sprawdza, czy slajd jest pokazany (true), czy schowany (false).Pocz�tkowoschowane s� wszystkie slajdy poza�pierwszym (kiedy i równe jest 0).slideshow[i].structureTre�� slajdu, tekst i�grafika, wstawione do�tabeli.Pochodzi z�konstruktoraslajdu (wiersze 54�59).Funkcja genLayer() wywo�ywana jest tyle razy, ile wynosi warto�� wyra�eniaslideShow.length � warstwa tworzona jest dla�ka�dego slajdu.Nie�ma znaczenia,czy slajdów jest 6, czy 106 � wszystkie obs�ugiwane s� tak samo, w�tym jednymwierszu.Co�ciekawe, ca�a reszta kodu genScreen() s�u�y do uzyskania trzechdodatkowych warstw.Zanim jednak przejdziemy dalej, przypatrzmy si� jeszczep�tli for:menuStr += '';Tutaj zacz�li�my od�wiersza 110, ale zmienna menuStr wcze�niej by�azainicjalizowana jako ci�g pusty, a�teraz jej warto�ci� b�dzie HTML z�kodems�u��cym do�wy�wietlania par obrazków uak�tywniaj�cych si�, kiedy znajduje si�nad�nimi wska�nik myszki.Spojrzyjmy na�rysunek 3.2, aby sprawdzi�, jak dzia�ato menu.W�przypadku ka�dego slajdu menuStr rozszerza swoj� warto�� o�obrazekodpowiadaj�cy danemu slajdowi.Zanim zaczniemy wyszukiwa� pojedyncze i�podwójnecudzys�owy, zastanówmy si�, co jest potrzebne do�ka�dej pary obrazków menu:Otwieraj�cy znacznik.Kod obs�ugi zdarzenia onMouseOver, reaguj�cy na�najechanie przez�u�ytkownikakursorem myszy nad�obrazek [ Pobierz całość w formacie PDF ]