[Spis treści] [Następny rozdział >]
2. Czym jest Alladyn?
Alladyn jest JavaScriptową biblioteką realizującą funkcje DHTML niezależnie od użytej przeglądarki WWW, zawierającą wysoce funkcjonalny moduł animacyjny.
Alladyn dostarcza webmasterowi szybkie, wygodne i funkcjonalne narzędzie, służące do tworzenia dynamicznych stron WWW. Pozwala skupić się na logice i wyglądzie tworzonych stron, nie zaś na różnicach w implementacji rozmaitych funkcji przez różne browsery.
Więcej na ten temat przeczytać można w Opisie projektu.

2.1. Sposób realizowania "cross-browsingu" w Alladynie.
Zamiast przygotowywać funkcje specyficzne dla poszczególnych przeglądarek i decydować, którego zestawu funkcji używać w razie potrzeby, Alladyn przebudowuje model DOM przeglądarki, tworząc nowy, łatwy do oprogramowania model obiektowy.
Tworzony model obiektowy zbudowany jest na referencjach do napotkanego modelu w przeglądarce. Dzięki temu, unikając porównań i bloków decyzyjnych, zyskuje się na szybkości działania skryptów napisanych "pod Alladyna".
DOM Alladyna opiera się na obiekcie vlay, będącym tożsamym odpowiednikiem znanych z IE oraz NS4 obiektów document.all oraz document.layers. Więcej na ten temat przeczytać można w następnym rozdziale.

2.2. Moduł animacyjny.
Standardowo DHTML nie oferuje żadnych narzędzi służących do animacji. Alladyn dostarcza gotowe mechanizmy modelowania ruchu w oparciu o klatki kluczowe (keyframy). Możliwość definiowania kilku rodzajów ruchu (zwykły, zapętlony, odbity), kontrolowania wszystkich parametrów określających wygląd warstw (pozycja, wszystkie numeryczne właściwości CSS-owe, przeźroczystość, kadrowanie) oraz możliwość grupowania warstw w niezależne grupy ruchu tworzą z Alladyna potężne narzędzie animacyjne o funkcjonalności zbliżonej do tej, jaką znamy z Flasha.

2.3. Użycie Alladyna.
Alladyn jest biblioteką typu "uruchom i zapomnij". Uruchamiany jest jednorazowo, po załadowaniu całego dokumentu (najlepiej poprzez <body onLoad="Alladyn()">, wcześniej załadowany poprzez <script src="Alladyn.js"></script> w sekcji <head>). Przy uruchomieniu, buduje nowy model obiektowy wraz ze wszystkimi obiektami, metodami i właściwościami dającymi funkcjonalność nakreśloną powyżej, a omówioną szczegółowo w dalszej części niniejszego podręcznika.

[Spis treści] [Następny rozdział >]