Zobrazení stránky až po úplném načtení

Fórum › JavaScript, AJAX, jQuery

Murmand 0

Duch

27. 10. 2007 #1

Zdravím,
v první řadě bych chtěl uvést důvod, proč svoji prosbu dávám právě do JavaScriptů... O tvorbě webu a programování vůbec něco málo vím, proto jsem nějak usoudil, že právě JavaScript by mohl můj požadavek zvládnout nejlíp a nejsnadněji. Ale teď k věci:

Mám stránky napsané v HTML (s PHP základem), ale jsou to stránky, které není žádoucí vidět načtené neúplně. Proto bych se chtěl zeptát vás zkušenějších v oboru JavaScriptingu, zda-li nejde napsat nějaký script, který mi přeplácne stránky načítající se v pozadí něčím jiným (pozadí s tabulkou, dynamický obrázek a text - dopíšu sám, není problém).
Tento způsob přeplácnutí jsem dost často zpozoroval u Flash stránek, ovšem tam je to trošku o něčem jiném :smile1:
Kdyby celé stránky byl jeden soubor, nebyl by problém, což není můj případ. Byl bych rád, kdybych tomu scriptu vypsal do, dejme tomu, pole cesty a názvy souborů. Načítající stránky by byly přepláclé dokud nenačte všechny vypsané soubory.
Ideální by bylo, aby hned obsah své složky, kde se script nachází, včetně podsložek načetl při prvním načítání a pak jel jen z cache (nemuselo by se nic dalšího načítat).
V mé představě by se tak mohlo urychlit prohlížení stránek a byly by pořád viditelné jen v "plné kráse".

Děkuji za rady, nápovědy, a pokud rovnou zmíníte nějaké scripty, budu moc rád... Není-li to možné, nedá se nic dělat :smile10:

S pozdravem Murmand

Nahlásit jako SPAM

IP: 90.177.10.–

dalaman0

Věrný člen

29. 10. 2007 #2

da sa pouzit javascript event onLoad v tagu body.
Check it:

<html>

  <head>

     <script type="text/javascript">

      function show(){

        document.getElementById("content").style.display = "block";

        document.getElementById("loading").style.display = "none";

      }



      function hide(){

        document.getElementById("content").style.display = "none";

        document.getElementById("loading").style.display = "block";

      }

    </script>



  </head>

  <body onLoad="show();">

    <div id="content">

     Obsah stranky

    </div>

    <div id="loading" style="display: none;">

      Nacitavam...

    </div>



    <script type="text/javascript">

      hide();

    </script>



  </body>

</html>

p.s. Neodskusane

Nahlásit jako SPAM

IP: 147.175.167.–

Lepšie je mať psa na saláme ako salámu pod psom !!!

Petroff0

Věrný člen

29. 10. 2007 #3

<toDALAMAN>
Stránka se musí skrýt na začátku načítání - na konci už to nemá žádný význam !!!
<toMurmand>
Tento problém se tu řešil v jednom threadu (zkus google: programujte forum preloader)
Najdeš tam FUNGUJÍCÍ js + návod.

Jak si můžeš všimnout, znamená to ruční úpravu html kódu každé stránky - nepříjemné při větším množství.
Navíc musíš veškerý obsah BODY vložit (nebo mít vložený) do 1 divu.
(ledaže by se to dalo nějak zautomatizovat, třeba PHP; neumim posoudit)
Existuje řešení:
- lepší v tom, že jediný zásah do html je vložení jednoho tagu s ext.javascriptem (cache,znovupoužitelnost)
- horší v tom, že bude používat frame (popř. iframe)