Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Odczyt wysokości okna przeglądarki, czas reakcji
SpiJay
post 19.03.2013, 17:44:45
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


Witam serdecznie,

korzystam z odczytu wysokości przeglądarki przez JavaScript,
[JAVASCRIPT] pobierz, plaintext
  1. var documentHeight = document.documentElement.clientHeight;
[JAVASCRIPT] pobierz, plaintext


I przekazuję wynik do elementu DIV za pośrednictwem atrybutu CSS w jQuery,
[JAVASCRIPT] pobierz, plaintext
  1. $('#start').css('height', documentHeight + 250);
[JAVASCRIPT] pobierz, plaintext


Wszystko byłoby super, gdyby ta wysokość była odczytywana od razu dzięki czemu element #start miałby określoną wysokość od samego początku.
Z kolei podczas ładowania się strony, element ma wysokość tekstu zawartego w nim po czym po krótkiej chwili wskakuje wysokość zawarta w documentHeight
i DIV "otrzymuje" wysokość o którą mi początkowo chodziło. Wszystko jest bardzo powolne, dlatego chciałem dodać loader, "wczytywanie strony..." etc.

Dodaje diva w dokumencie z position fixed, tłem dzięki czemu nie widać tego co się dzieje pod nim,
a teraz sedno mojego problemu..

[JAVASCRIPT] pobierz, plaintext
  1. $('#start').css('height', documentHeight + 250, function () {
  2. $('#loader').fadeOut(800);
  3. });
[JAVASCRIPT] pobierz, plaintext


Nie jestem osobą na tyle obeznaną w Java, dlatego proszę was o pomoc.
Myślałem jeszcze nad czymś takim:

[JAVASCRIPT] pobierz, plaintext
  1. if (documentHeight > 100) {
  2. alert('gotowe, teraz uktywamy loader.');
  3. }
[JAVASCRIPT] pobierz, plaintext


Ale chyba nie tędy droga.

Będę wdzięczny za pomoc, chcę tylko wiedzieć jak określić "fadeOut" dla elementu #loader.
Pozdrawiam !

Ten post edytował SpiJay 19.03.2013, 17:46:19


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
sowiq
post 20.03.2013, 01:54:49
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Dobrze zacząłeś, ale nie do końca dobrze zrobiłeś. Rozwiązanie jest prostsze:
[JAVASCRIPT] pobierz, plaintext
  1. $('#start').css('height', documentHeight + 250);
  2. $('#loader').fadeOut(800);
[JAVASCRIPT] pobierz, plaintext


I na Boga - Java i JavaScript to jak kot i kotara. Ty używasz JavaScript, więc nie mieszaj tej nazwy z Javą.
Go to the top of the page
+Quote Post
SpiJay
post 21.03.2013, 02:57:14
Post #3





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


Co prawda wpadłem na to już tego samego dnia co założyłem wątek, ale dziękuję za odpowiedź.
W dalszym ciągu nie wiem dlaczego napisałem "Java", zwyczajny błąd, aż takim początkującym nie jestem :-)

Pozdrawiam,
Patryk


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 23:17