prosty loader w JS na stronę - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › prosty loader w JS na stronę

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 10

1. Data: 2010-12-12 11:42:35
Temat: prosty loader w JS na stronę
Od: "Slawek" <grypy[at]wp.pl>

Witam

Musiałbym zrobić na stronie wykonanej w HTML prosty loader który
wyświetlałby prostego gifa nim załduje sie cala strona. Niby jest tego w
necie ale jakos co nie zamontuje to mi nie działa albo są to jakieś wielkie
skrypty. Chciałbym coś proste, szybkie i niezawodne.
Może ktoś potrafi coś doradzić, podrzucić jakiś link.

pozdrawiam
Sławek

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2010-12-14 19:31:46
Temat: Re: prosty loader w JS na stronę
Od: porneL <n...@p...net>

On Sun, 12 Dec 2010 11:42:35 -0000, Slawek <"grypy[at]wp.pl"> wrote:

> Musiałbym zrobić na stronie wykonanej w HTML prosty loader który
> wyświetlałby prostego gifa nim załduje sie cala strona. Niby jest tego w
> necie ale jakos co nie zamontuje to mi nie działa albo są to jakieś
> wielkie skrypty. Chciałbym coś proste, szybkie i niezawodne.
> Może ktoś potrafi coś doradzić, podrzucić jakiś link.

Może po prostu przyśpiesz ładowanie strony?

http://code.google.com/speed/page-speed/docs/rules_i
ntro.html

Szkoda zabijać progresywne wyświetlanie.

--
http://pornel.net
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2010-12-14 20:01:28
Temat: Re: prosty loader w JS na stronę
Od: Exe Very Cute <k...@p...onIet.pl>

W dniu 2010-12-14 20:31, porneL pisze:
>
> Może po prostu przyśpiesz ładowanie strony?
>

To nie takie proste. Sam mam w tej chwili podobny problem, bo mam
klientkę która "bardzo upiera się" przy preloaderze. Więc chyba
pod-zlecę stronę jakiemuś flashowcowi, chyba że ogarnie mnie nagła
ochota na robienie bzdur. To ten typ który był na jednogodzinnym
"szkoleniu" z WWW o ma "głowę pełną wiedzy".

Pozdr
Exe Very Cute

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2010-12-15 08:36:50
Temat: Re: prosty loader w JS na stronę
Od: "Slawek" <grypy[at]wp.pl>

Użytkownik "porneL" <n...@p...net> napisał w wiadomości
news:op.vnpxu8mautk0y1@aimac.local...
> On Sun, 12 Dec 2010 11:42:35 -0000, Slawek <"grypy[at]wp.pl"> wrote:
>
>> Musiałbym zrobić na stronie wykonanej w HTML prosty loader który
>> wyświetlałby prostego gifa nim załduje sie cala strona. Niby jest tego w
>> necie ale jakos co nie zamontuje to mi nie działa albo są to jakieś
>> wielkie skrypty. Chciałbym coś proste, szybkie i niezawodne.
>> Może ktoś potrafi coś doradzić, podrzucić jakiś link.
>
> Może po prostu przyśpiesz ładowanie strony?
>
> http://code.google.com/speed/page-speed/docs/rules_i
ntro.html
>
> Szkoda zabijać progresywne wyświetlanie.
>
No właśnie jest problem że osoba której to robię koniecznie chce mieć ten
preloader. Nieistotny jest czas ładowania strony, po prostu uparł się i chce
go mieć. Na nieszczeście wcześnie zrobiłem tą strone w flash i dałem
preloader. Teraz zrobiłem nową wersje w html i pierwszą uwaga "a gdzie to
łatowanie".

pozdrawiam
Sławek

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2010-12-15 13:13:23
Temat: Re: prosty loader w JS na stronę
Od: Peter May <p...@o...pl>

W dniu 2010-12-15 09:36, Slawek pisze:
>
>
> Użytkownik "porneL" <n...@p...net> napisał w wiadomości
> news:op.vnpxu8mautk0y1@aimac.local...
>> On Sun, 12 Dec 2010 11:42:35 -0000, Slawek <"grypy[at]wp.pl"> wrote:
>>
>>> Musiałbym zrobić na stronie wykonanej w HTML prosty loader który
>>> wyświetlałby prostego gifa nim załduje sie cala strona. Niby jest
>>> tego w necie ale jakos co nie zamontuje to mi nie działa albo są to
>>> jakieś wielkie skrypty. Chciałbym coś proste, szybkie i niezawodne.
>>> Może ktoś potrafi coś doradzić, podrzucić jakiś link.
>>
>> Może po prostu przyśpiesz ładowanie strony?
>>
>> http://code.google.com/speed/page-speed/docs/rules_i
ntro.html
>>
>> Szkoda zabijać progresywne wyświetlanie.
>>
> No właśnie jest problem że osoba której to robię koniecznie chce mieć
> ten preloader. Nieistotny jest czas ładowania strony, po prostu uparł
> się i chce go mieć. Na nieszczeście wcześnie zrobiłem tą strone w flash
> i dałem preloader. Teraz zrobiłem nową wersje w html i pierwszą uwaga "a
> gdzie to łatowanie".

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.

--
Peter

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2010-12-15 19:42:35
Temat: Re: prosty loader w JS na stronę
Od: Paweł Piskorz <n...@p...nie?>

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

--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

[ pokaż wiadomość z nagłówkami ]

do góry
7. Data: 2010-12-15 20:18:31
Temat: Re: prosty loader w JS na stronę
Od: Peter May <p...@o...pl>

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> I niech sobie wstawi wtedy tuż przed
<script>-em. :P

--
Peter

[ pokaż wiadomość z nagłówkami ]

do góry
8. Data: 2010-12-16 13:25:58
Temat: Re: prosty loader w JS na stronę
Od: Borys Pogoreło <b...@p...edu.leszno>

Dnia Wed, 15 Dec 2010 21:18:31 +0100, Peter May napisał(a):

>> 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> I niech sobie wstawi wtedy tuż przed
> <script>-em. :P

I jakieś opóźnienie 10 sekund dla IP tego mądrali, co chciał preloader.
Niech się napatrzy ;)

--
Borys Pogoreło
borys(#)leszno,edu,pl

[ pokaż wiadomość z nagłówkami ]

do góry
9. Data: 2010-12-16 17:22:14
Temat: Re: prosty loader w JS na stronę
Od: Paweł Piskorz <n...@p...nie?>

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

--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

[ pokaż wiadomość z nagłówkami ]

do góry
10. Data: 2010-12-16 20:48:08
Temat: Re: prosty loader w JS na stronę
Od: Peter May <p...@o...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry