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 ) ;)

getWidth i getHeight

Powyższe metody służą do odczytywania szerokości i wysokości okna przeglądarki. Obie zwracają wartość jako liczbę całkowitą.

Użycie:

window.getWidth();

oraz:

window.getHeight();

getScrollWidth i getScrollHeight

Powyższe metody zwracają szerokość i wysokość obszaru jaki w rzeczywistości zajmuje strona. Podobnie jak w wypadku poprzedniej pary metod zwracane są liczby całkowite.

Użycie:

window.getScrollWidth();

oraz:

window.getScrollHeight();

getScrollLeft i getScrollTop

Metody te służą do sprawdzenia o ile zostało przewinięte okno przeglądarki wszerz i wzdłuż. Oczywiście zwracane są liczby całkowite.

Użycie podobnie jak w wypadku poprzednich metod:

window.getScrollLeft();

oraz:

window.getScrollTop();

getSize

Ostatnia metoda w tym pliku. Ma identyczne działanie jak metoda getSize z pliku element.dimensions.js z tą różnicą, że jest metodą obiektu window, a nie obiektu klasy Element.

Użycie:

window.getSize();

Natomiast zwracany obiekt, jest taki sam jak w wypadku metody getSize dla klasy Element:

{
   'scroll': {'x': wartość, 'y': wartość},
   'size': {'x': wartość, 'y': wartość},
   'scrollSize': {'x': wartość, 'y': wartość}
}

Tak naprawdę metoda ta zwraca wartości wszystkich wymienionych wyżej sześciu metod w jednym obiekcie.

W następnej części kursu zajmiemy się już zagadnieniami jak najbardziej praktycznymi - obiektem XMLHttpRequest i jego obsługą za pomocą mootools ;)

Komentarze do wpisu "Mootools 1.1 - Window.Size.js":

1. Bigismall napisał(a):
22 czerwca 2007, 12:31:46

Dziudek, świetnie ze to wszystko piszesz. Trochę pracy to kosztuje na pewno wielu osobą się przyda. Mootools bardzo zyskało w moich oczach dzięki temu kursowi. Brakuje mi jednak jakiegoś porównania z jQuery. Jesteś w stanie coś takiego stworzyć ? Np na zwieńczenie kursu było by jak znalazł.

2. Dziudek napisał(a):
22 czerwca 2007, 12:43:08

@Bigismall – szczerze mówiąc póki co mam dość blade pojęcie o jQuery – dopiero zgłębiam temat. Wydaje mi się, że jQuery i Mootools to dość różniące się biblioteki i porównanie ich byłoby dość subiektywne. No ale zobaczymy co da się zrobić z Twoją prośbą – do zakończenia kursu zostało jeszcze sporo czasu (obawiam sie, że z miesiąc ale może mniej bo przez pluginy myślę przejdę dość gładko ;]) i wtedy na pewno moja znajomość jQuery będzie o wiele większa niż obecnie ;] Sprawa do przemyślenia ;]

Dodaj komentarz:

Textile Lite włączony ( szczegółowy opis znaczników ):
*strong* | # lista numerowana | * lista wypunktowana | _em_ | __italic__ | "link":http:// | bq. cytat.