Dziudek's jogger

Udało mi się zdać maturkę bez amnestii ;D Gdyby nie matma to byłoby pięknie ;) Chociaż pisałem ją mając gorączkę więc nie jest źle - 38% z rozszerzenia, angielski rozszerzony 56% - też całkiem nieźle zwłaszcza, że przychodząc do LO nie umiałem tego języka w ogóle, a na żadne kursy dodatkowe nie chodziłem ;], fizyka rozszerzona 83% ;] Polski podstawowy 64% (nigdy bym sobie tyle nie dał ;D)... W sumie to z tą matmą to jest cud na Nerem, że zdałem ;D

Trzeba to oblać :D :D :D

W kursie mootools przebrnęliśmy już przez 5 z 9 grup plików. Do tej pory poznawaliśmy jednak z reguły rozwiązania, jakie daje nam mootools w zakresie programowania obiektowego, obsługi podstawowych obiektów JavaScript (window, string czy array). Obecnie zajmiemy się moim zdaniem tą fajniejszą częścią frameworka mootools. Przed nami sekcje Remote, Effects, Drag i Plugins - to one sprawią, że nasze strony naprawdę "ożyją" ;) Oczywiście zaczynamy od sekcji Remote - poznamy obsługę AJAX'a, pobawimy się cookies, pododajemy dynamicznie pliki do naszych stron, a na koniec zgłębimy trochę tematykę przesyłu danych w formacie JSON.

Zaczynamy od pliku XHR.js , który z pewnością wielu osobom skojarzy się z obiektem XMLHttpRequest - można powiedzieć sercem AJAX'a, który zmienił znacząco oblicze Internetu - wystarczy spojrzeć na aplikacje webowe Google - GMail, Google Maps czy Google Reader w których AJAX jest wykorzystywany na szeroką skalę.

Plik XHR.js zawiera podstawową obsługę wysyłania i odbierania zapytań. Dodatkowa funkcjonalność została zaimplementowana w plikach Ajax.js i Json.Remote.js, ale by móc je omówić trzeba znać obsługę rozwiązań jakie udostępnia nam plik XHR.js.

Klasa XHR posiada 3 metody oraz 5 parametrów jakie możemy jej ustawić.

Czytaj dalej...

Plik window.size.js zawiera metody rozszerzające obiekt window o możliwość pobierania informacji na temat wielkości okna. Wpis ten także będzie natury teoretycznej gdyż chodzi tak naprawdę jedynie o to by wiedzieć co zwracają poszczególne metody ;) Po tej części kursu przejdziemy do sekcji o wiele ciekawszej niż znane nam już grupy plików - grupy Remote (AJAX,JSON i te sprawy ;D ) ;)

Czytaj dalej...

Plik window.domready.js robi właściwie tylko jedno - dodaje nowe zdarzenie - domready. Na czym ono polega ? Jest ono wywoływane w momencie załadowania drzewa dokumentu - ma tą przewagę nad zdarzeniem onload, że z reguły ma miejsce szybciej bo nie są brane pod uwagę grafiki, które mają główny wpływ na czas ładowania strony. Jakie mamy z tego korzyści ? Możemy wykonać pewne operacje przed pełnym załadowaniem strony - na przykład zmienić/dostosować rozmiar niektórych elementów itd.

Zdarzenie domready dodajemy w następujący sposób:

window.addEvent('domready', function(){
   alert('DOM gotowy...');
});

Osobom pragnącym bardziej zgłębić tematykę tego zdarzenia polecam wpis Riddle'a pod tytułem "Wykonywanie skryptów po załadowaniu DOM"bardzo dobrze opisujący to zagadnienie ;)

Plik element.dimensions.js służy do odczytywania informacji na temat rozmiarów i pozycji elementów w dokumencie. Dodatkowo zawiera funkcję do przewijania w żądane miejsce elementów posiadających właściwość overflow. Wpis ten podobnie jak wpis o pliku element.form.js ze względu na możliwości funkcji skupi się na teoretycznym omówieniu działania metod, ponieważ do wykorzystania tych metod wystarczy wiedza o tym jakie obiekty / wartości są przez nie zwracane.

Czytaj dalej...