Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ładowanie strony
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Dex1987
19.11.2005, 19:48:09
Witam,

szukalem na forum bo wydaje mi sie ze gdzies to kiedys widzialem ale nie znalazlem, ale przejdzmy do rzeczy.

Jak zrobic cos takiego ze przechodzac na inna strone/podstrone bedzie mi pisalo "trwa ładowanie strony ...." i strona dopiero mi siepokaza jak zaladuja sie wszystki pliki (glownie chodzi mi o grafike).

Z gory dzieki za odpowiedz, pozdrawiam dex.
GandalfTheWhite
26.11.2005, 11:02:00
Możesz zastosować skok z opóżnieniem
Kod
<script>
<!--
var timer;
function skok()
{
window.location.href='http://www.wp.pl/';
return true;
}
timer=window.setTimeout('skok();',5000);
//-->
</SCRIPT>


lub zapoznać z tego problemu tutaj,
ewentualnie pozostaje ci tablica document.all i document.images.
Sabistik
26.11.2005, 12:58:08
Cytat
Jak zrobic cos takiego ze przechodzac na inna strone/podstrone bedzie mi pisalo "trwa ładowanie strony ...." i strona dopiero mi siepokaza jak zaladuja sie wszystki pliki (glownie chodzi mi o grafike).

To sie nazywa 'preloader' i pod taka nazwa nalezy tego szukac..
k0b3
17.03.2007, 19:54:41
Szukam szukam i znalesc nie moge
mam podobny kod:

[HTML] pobierz, plaintext 
  1. var timer;
  2. function skok() 
  3. {
  4.  
  5. document.getElementById('aaaa').innerHTML = 'assadsda';
  6.  return true;
  7. }
  8. timer=window.setTimeout('skok();',2000);
[HTML] pobierz, plaintext


w <div id="aaaa"> po 2 sekundach wyskakuje mi napis: assadsda..

Jak zrobic zeby w tym divie otwierała mi sie stronka...

w php stosuje include... a Tu?

z gory dzieki za pomoc
thornag
26.03.2007, 11:21:31
Z tego co zauwazylem to obrazki zawsze laduja sie na koncu. Wiec przy ladowaniu strony pokazujes zjakis preloader, animacja itp itp. i ruszasz timeouta ktory loopuje przez tablice document.images i sprawdza czy wszystko wgrane jesi tak to chowa loader.

Na zasadzie (z palca) : 

[HTML] pobierz, plaintext 
  1. function Loader() {
  2.        var loaded = true;
  3.        for(v i = 0; i < document.images.length; i++)  {
  4.            if(!document.images[i].complete) {
  5.                   loaded = false; break;
  6.             }
  7.       }
  8.  
  9.      if(loaded) {
  10.         // hide loader
  11.       } else {
  12.         setTimeout('Loader()', 20);
  13.       }
  14.    }
[HTML] pobierz, plaintext


A w hedzie umieszaczamy 

[HTML] pobierz, plaintext 
  1. //show loader
  2.  
  3.       setTimeout('Loader()', 20);
  4.  
  5. <head>
  6. <script>
[HTML] pobierz, plaintext




</script>
</head>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.