Dziudek's jogger

Plugin smoothscroll.js to chyba najprostszy składnik sekcji plugins - zawiera klasę, która nie posiada żadnych metod, które możemy użyć. Użycie klasy SmoothScroll sprowadza się do jej inicjalizacji.

Służy ona do łatwego stworzenia efektu przewijania dokumentu przy naciśnięciu kotwicy (czyli linka prowadzącego do innego miejsca w tym samym dokumencie).

Jedynym argumentem pobieranym przez tą klasę jest obiekt opcji, które dziedziczy ona po klasie Fx.Scroll. Dodatkowo posiada ona jedną opcję własną - links, która jest ciągiem znaków odpowiadającym selektorowi CSS. Opcji links używamy w momencie, gdy chcemy zdecydować, które kotwice mają przewijać się płynnie do miejsca docelowego. Domyślnie klasa SmoothScroll przypisuje ten efekt, do wszystkich kotwic w dokumencie.

Czytaj dalej...

Od pliku group.js zacznę opis pluginów frameworka mootools. W pliku tym znajdziemy jedną klasę - Group, z jedną tylko metodą - addEvent. Jakie jest przeznaczenie tej klasy ? Służy ona do wywoływania funkcji w momencie, gdy wszystkie podane jako argumenty obiekty klas wywołają określone zdarzenie.

Jeżeli na przykład ładujemy kilka obrazków korzystając z klasy Asset to możemy sprawić, że po załadowaniu wszystkich grafik zostanie wywołana określona funkcja. Oczywiście to tylko przykład, bo o wiele lepiej w tym wypadku skorzystać z metody images klasy Asset. O wiele lepiej klasa Group sprawdzi się, że tak to ujmę "rozproszonych" sytuacjach, czyli nie takich gdzie kilka operacji wykonuje się jedna po drugiej, ale tam gdzie pewne zdarzenia występują w różnych momentach działania skryptu, a muszą po wykonaniu całości dać znać, że wszystkie zostały wykonane.

Czytaj dalej...

Pora dokończyć temat przenoszenia elementów. Dzięki plikowi drag.move.js możemy do naszych stron dodać prawdziwy efekt drag & drop. A wszystko dzięki nowym opcjom i zdarzeniom rozszerzających klasę Drag.Base.

Dzięki nowym opcjom możemy określić w obrębie jakiego elementu może poruszać się przenośny obiekt oraz obiekty gdzie możemy przenieść nasze elementy. Mamy także do dyspozycji 4 nowe zdarzenia oraz metodę klasy Element - makeDraggable.

W przykładach skupimy się na ograniczaniu przestrzeni, gdzie można przemieszczać element, oraz na zaprezentowaniu działania nowych zdarzeń. Jeśli chodzi o praktyczne przykłady to polecam ten - świetnie oddaje to co można uzyskać za pomocą plików z sekcji Drag.

Czytaj dalej...

Dziś rozpoczynamy ostatnią, że tak to ujmę "zwartą" grupę plików frameworka mootools - po niej pozostaną do omówienia już tylko pluginy, które mają między sobą dość luźne powiązania lub nie mają ich wcale. Sekcja Drag zawiera dwa pliki - omawiany w tej części plik drag.base.js i będący tematem następnej części kursu drag.move.js .

Plik drag.base.js służy do realizacji dwóch zadań - przenoszenia elementów oraz zmiany ich rozmiarów. Przy czym implementacja przenoszenia elementów jest dość uboga w tym pliku i tak naprawdę pełnię drag & drop zobaczymy dopiero przy omawianiu drugiego pliku sekcji Drag.

Zadania jakie postawimy sobie na dziś to : stworzenie elementu div, który będzie można swobodnie przenosić oraz projekt ulepszonego pola textarea.

Zaczniemy jak zwykle od dawki teorii.

Czytaj dalej...

Dziś sobie pozwolę na jeszcze jeden wpis nie związany z webmasteringiem, ale to co czytam troszkę mnie do tego prowokuje ;)

Na wykopie pojawił się pewien link, który prowadzi do pewnego wpisu na blogu. Muszę się nie zgodzić z autorem wpisu, bo po jego przeczytaniu odnoszę wrażenie iż sam wpis jest mocno naciągany jeśli chodzi o przytoczone przykłady. A później jeszcze odniosę się do koncepcji braku telewizora w domu. Ale zacznijmy od wspomnianego wpisu.

Czytaj dalej...