ďťż

PreLoader wg.Eksperta JavaScript/DHTML

       

Podstrony


telcocafe

Zrobiłem preloader na moja stronke sposobem opisanym w Ekspercie 3/05. Niestety działa on tylko w Operze (testowałem w Operze, Firefoxie i IE).
W pozostałych przypadkach po załadowaniu strony warstwa preloadera pozostaje i nie przełącza się na stronke...://

Co może być powodem tego błędu?



ja mam taki mały ładowacz :D
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <meta http-equiv="Content-Language" content="pl"> <script LANGUAGE="Javascript"> <!-- var Obr = new Array(); var il_bledow = 0; var afterOK; var afterNotOK; var postep = 0; function Laduj(plik) { if (document.images) {     var nast = Obr.length;  Obr[nast] = new Image();  Obr[nast].onerror = bladObr;  Obr[nast].src = plik; } } function Sprawdz() { var notcompl = 0; var compl = 0; var w = Obr.length; for (var i = 0; i < w; i++) {     if (Obr[i].complete) compl++; else notcompl++; } postep = compl/w*100; Rysuj_pasek_postepu(); if (notcompl > il_bledow) setTimeout("Sprawdz();", 100); else if (notcompl == 0) eval(afterOK); else if (notcompl == il_bledow) eval(afterNotOK); } function Ladowanie() {      Sprawdz(); } function bladObr() { il_bledow++; } function Rysuj_pasek_postepu() { var strPostep = "" + postep; if (strPostep.substring(0,3) == "100") strPostep = "100%"; else strPostep = strPostep.substring(0,2) + "%"; var tabela = "<table width=\"270\" border=\"0\"><tr><td width=\"" + ((postep != 0)?(parseInt(strPostep)*2):"1") + "\" bgcolor=\"#FF3300\"></td><td></td><td width=\"50\"><b><font face=\"Verdana\" size=\"2\">" + strPostep + "</td></tr></table>"; naglowek.innerHTML = ladow + tabela; } function Init() { nojava.innerHTML = "&nbsp"; setTimeout("nojava.innerHTML = 'Jak witryna sie nie zaladuje za chwile to bedziesz zmuszony kliknac w napis LOADING..,';", 25000); afterOK = "window.status = 'Preload Okay!'; setTimeout(\"window.location.href='http://www.ks-ekspert.net/'\", 500);"; afterNotOK = "alert('Cos nie tak musisz kliknac w napis LOADING ....\\n ' + (Obr.length - il_bledow) + '' + il_bledow + '');"; ladow = "<br>"; naglowek.innerHTML = ladow; Ladowanie(); } //--> </SCRIPT> <STYLE type=text/css>A:link { COLOR: Black; TEXT-DECORATION: none } A:visited { COLOR: Black; TEXT-DECORATION: none } A:hover { COLOR: Black; TEXT-DECORATION: none } </STYLE>                     </head> <body bgcolor="#F7F7F7" text="#000000" link="#000000" vlink="#000000" alink="#000000" topmargin="0" leftmargin="0" onload="Init()"> <!-- frame buster - code by Gordon McComb --> <script language="Javascript" type="text/javascript"> <!-- Hide script from older browsers setTimeout ("changePage()", 0); function changePage() {  if (self.parent.frames.length != 0)   self.parent.location=document.location;  } // end hiding contents --> </script>  <center>  <table height="90%" width="90%"> <td width="90%" style="padding: 0cm" height="90%" valign="middle" align="center">      <font face="Verdana" size="3">Trwa wczytywanie grafiki..</font><br>      <p><font face="Verdana" size="3"><b><a href="http://www.ks-ekspert.net/">&nbsp; LOADING      ...</a></b></font>      <p>&nbsp;      <div id="naglowek"></div>      </td>  </table>  </center>  <div align="center" id="nojava"><b><font color="red" size="2" face="Verdana">Gdy strona sie niebędzie ładowć prosze klikn±ć na  ' LOADINg '</font></b></div> </html>

Ludzie używajcie codebox !!!! - Bełdzio
Użytkownik Bełdzio edytował ten post 25 marzec 2005, 23:09
A preolader robiłeś sam czy kopiowałeś z płyty ??

sam robiłem



to skopiuj sobie z płyty i porównaj ze swoim

:)
Preloader z płytki działa pod IE.

czy moglibyście mi napisać na forum to co jest na płytce bo mój napęd niedomaga..

Z góry dzięki!
Pozdro

No to patrz: :blink:

head
<style> #preloader { position: static; height: 100%; width: 100%; background: gray; 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>

W body
<body onload="javascript:schowaj();"> <div id="preloader"> <table border="0" cellspacing="0" width="100%" height="11%">    <tr> <td width="100%" height="11%"><center><font size="4">Poczekaj na załadowanie grafiki...</font></center></td>    </tr>  </table> </div><div id="strona"> ......::::::TREŚĆ STRONY WWW::::::...... </div>

^_^ ^_^ ^_^ ^_^ Wystarczy?
Użytkownik sauron edytował ten post 01 kwiecień 2005, 14:39
Niestety nie działa :/ Tylko w Operze odpaliło...

Po załadowaniu grafiki preloader nie chce przeskoczyć na strone, tylko cały czas pisze: Trwa ładowanie :/

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

  • Sitedesign by AltusUmbrae.