dziudek@jabber.org
Pora zająć się tą częścią MooTools, która pozwoli nam na właściwie dowolne manipulacje elementami strony - ich wyglądem, zdarzeniami itd. Zaczynamy od zdarzeń właśnie gdyż są one podstawą do tworzenia dalszego kodu. Oczywiście poznamy też kluczową dla MooTools funkcję - $, gdyż bez niej niewiele byśmy zdziałali.
Miło mi zakomunikować, że jest to ostatni wpis związany bardziej z zagadnieniami teoretycznymi niż praktycznymi, ale za to dość ważny - jeżeli będziecie chcieli tworzyć zaawansowane animacje złożone z kilku efektów następujących po sobie to klasa Chain bez wątpienia bardzo Wam pomoże. Zresztą przyda się ona w każdym wypadku, gdzie wymagane jest wykonywanie operacji w określonej kolejności.
JavaScript jak wiemy powstał po to by zapewnić stronom WWW interaktywność. Jest ona realizowana dzięki zdarzeniom. O ile w wypadku elementów strony mamy do dyspozycji gotowe zdarzenia (charakterystyczne dla danego elementu), to w wypadku klas tworzonych przy użyciu Class, musimy sami zadbać o zdarzenia. Wymaga to zarówno zadbania o zdefiniowanie zdarzenia, jak i momentu w którym jest ono wywoływane, a także opcjonalnego usunięcia zdarzenia. Zatem w wypadku klas jest to zadanie trudniejsze niż w wypadku "gotowych" elementów strony, gdzie musimy właściwie przypisać funkcję do danego zdarzenia i na tym nasze zadanie się kończy, ale w zamian możemy tworzyć takie zdarzenia jakie tylko zechcemy (oczywiście ograniczone możliwościami JavaScript ;).
Przez kolejne trzy części kursu skupimy się na klasach (daruję sobie już cudzysłowy ;) ), które znacznie rozszerzają nasze możliwości użycia obiektu Class. Na początek wyjaśni się kwestia składni wielu elementów MooTools, które poznamy później - po części poświęconej programowaniu obiektowemu.
Dziś długo zastanawialiśmy się w pracy czemu na jednej z przygotowywanych stron wszystko wygląda elegancko poza paragrafami tekstu na Safari. W dziwny sposób tekst w niektórych paragrafach stał się o wiele większy niż zakładano. Oczywiście najbardziej zastanawiał fakt, że dzieje się tak tylko na Safari - Firefox 2/3, Opera czy IE6/7 prezentowały stronę w normalny sposób.
Całe szczęście, że Safari ma jako takiego inspektora WWW, dzięki niemu zauważyłem, że element p dziedziczy właściwość font-size ze stylu CSS, którego ... nie ma - po prostu był stworzony atrybut link do jeszcze nie istniejącego stylu css.