ďťż

Jak zrobić tzw. Prolog strony?

       

Podstrony


telcocafe

Chodzi mi o to, żeby najpierw wyświetlila się strona z napisem 'Czekaj..." a w tle ładować się będzie właściwa strona. Chcę, żeby nie było widać, jak po kolei wchodzą obrazki i jak kształtuje się układ strony, ale żeby dopiero załadowana pojawiała sie na ekranie.

Z góry dzięki



Umieść wszystko np. w tabeli, ustaw tabele na niewidoczną:
<table style="visibility: hidden" ...>
Za tabelą:
<script language="javascript">  document.getElementById("id_tabeli").style.visibility = "visible"; </script>
Przy pokazywaniu tabeli ukrywaj np. etykietkę z napisam "ładowanie...".
Obrazki i tak będą się ładować jeszcze po pokazaniu tabeli.
Użytkownik MatroX edytował ten post 30 czerwiec 2005, 07:49
Można troszkę to przerobić i będzie ok:)

<html> <head> <script language="javascript"> function zaladowane() {  document.getElementById("strona").style.visibility = "visible";  document.getElementById("prolog").style.visibility = "hidden"; } </script> </head> <body onload="zaladowane()"> <!--STRONA--> <table name=strona id=strona style="visibility:hidden;border:0px;"><tr><td> TUTAJ TWOJA STRONA </td></tr></table> <!--STRONA KONIEC--> <!--PROLOG--> <table name="prolog" id="prolog" style="visibility:visable;border:1px;"><tr><td> Ładowanie proszę czekać... </td></tr></table> <!--PROLOG KONIEC--> </body> </html>

wiesz... akurat wszystko na odwrot, bo najpierw ci wczyta storne a potem (na koncu) prolog :P odworc kolejnosci tych czesci i powinno byc dobrze.
Użytkownik wrzasq edytował ten post 30 czerwiec 2005, 19:27


Czy to będzie działac na CMS'ie PHP-Fusion?? Bo coś takiego by mi ise przydało

No faktycznie, skrypt czeka aż załaduje się tabelka, a nie obrazki. I tak widać, jak one się ładują.
Jest inna metoda?

<html> <head> <style> #preloader { position: static; height: 100%; width: 100%; background: #88ccd7; display: block; z-index: 100; } #strona { display: none; } </style> <script> function schowaj(){ document.getElementById("preloader").style.display='none'; document.getElementById("strona").style.display='block'; } </script> </head> <body onload="javascript:schowaj();"> <div id="preloader"> <table width="100%" height="100%"><tr>  <td width="100%" height="100%" align="center" valign="middle">   <h2>Trwa ładowanie strony</h2>  </td> </tr></table> </div><div id="strona"> tre�ć strony <div> </body> </html>

a jak zrobić coś takiego jak na onet.pl

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.