-
Data: 2010-12-16 20:48:08
Temat: Re: prosty loader w JS na stronę
Od: Peter May <p...@o...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 2010-12-16 18:22, Paweł Piskorz pisze:
> On 2010-12-15 21:18, Peter May wrote:
>> W dniu 2010-12-15 20:42, Paweł Piskorz pisze:
>>> On 2010-12-15 14:13, Peter May wrote:
>>>> Weź dodaj prosty <div id="preload"> (koniecznie JavaScript-em) z
>>>> tekstem
>>>> "Trwa ładowanie" w <head>, a potem podepnij pod zdarzenie onload w body
>>>> usunięcie tego. I po sprawie.
>>>
>>> W head nie dodasz nic do body, bo body jeszcze nie istnieje. Timeouta
>>> nie ma jak wyliczyć, zaś onload/ready to już zapóźno ;]
>>
>> Argh... miało być tuż przed </body>
>
> Tuż przed </body> to już stronę dawno widać, próbuj dalej :D
Stronę widać, ale się nie załadowała. A to różnica. Szczegółowo to
zrobiłbym to tak:
1. Zakładam, że html mógłby mniej więcej tak wygląda:
[...]
<body>
<div class="overlay">
[...]
cała reszta
[...]
<div id="footer"></div>
</div>
</body>
2. W <head> ustawiam klasę np. js_on dla <html>-a, JavaScript-em, a w
CSS-ie dodaję takie style:
.js_on div.overlay{
background:#fff;
z-index:1000;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
3. Do footer pakuję znów JS, gdzie generuję sobie bajerancki tekst "Trwa
ładowanie" oraz pod zdarzenie onload dla obiektu window podpinam
funkcję, która usunie mi div.overlay.
W ten sposób user nie zobaczy strony dopóty, dopóki nie załaduje mu się
ona w całości. A przynajmniej do czasu wywołania funkcji w zdarzeniu
onload dla obiektu window.
A jeszcze bardziej szczegółowo to wywołanie funkcji powinno nastąpi
wtedy, gdy jesteś w sytuacji pt. "DOM content is ready". Opis można
znaleźć np. tutaj:
http://subprint.com/blog/demystifying-the-dom-ready-
event-method/
--
Peter
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-01-13 Zasięg Tesli przy szybszej jeździe
- 2025-01-13 Gdańsk => Application Security Engineer <=
- 2025-01-13 Białystok => System Architect (Java background) <=
- 2025-01-13 Warszawa => Konsultant ds. sprzedaży <=
- 2025-01-13 Warszawa => Key Account Manager <=
- 2025-01-13 Szczecin => Senior Field Sales (system ERP) <=
- 2025-01-13 Rzeszów => International Freight Forwarder <=
- 2025-01-13 Bydgoszcz => Specjalista ds. Sprzedaży (transport drogowy) <=
- 2025-01-13 Poznań => Konsultant wdrożeniowy Comarch XL/Optima (Księgowość i
- 2025-01-13 Warszawa => Staż w dziale Sprzedaży B2B <=
- 2025-01-13 Wydajność klimy w obecnych temperaturach
- 2025-01-13 Błonie => Analityk Systemów Informatycznych (TMS SPEED) <=
- 2025-01-13 Kraków => UX Designer <=
- 2025-01-13 Katowice => Key Account Manager (ERP) <=
- 2025-01-13 Mińsk Mazowiecki => Spedytor Międzynarodowy <=
Viva Cité od Bouygues Immobilier Polska już w sprzedaży
