Avatar billede tza Nybegynder
15. november 2004 - 23:21 Der er 8 kommentarer

Avanceret Preloader.. find fejlen

Hvad har jeg gjort galt her/hvad mangler??
(script taget fra phoenixv.dk)

<script type="text/javascript">
bill = new Array("meter_1.gif", "meter_2.gif", "meter_3.gif", "meter_4.gif", "meter_5.gif", "meter_6.gif", "meter_7.gif", "meter_8.gif");
//Billederne. Listen kan sagtens forst?/formindskes.
//mit array består selvsagt af billederne til den preloader jeg
//vil have op og køre..

i = -1;
nsImg = new Image();
tbts = 0;

function preload() {
  img = (document.all) ? document.images["pimg"] : nsImg;
  if (++i != 0 && document.all)
    tbts = Math.round(img.fileSize / 1024);
  prct = Math.round(i / bill.length * 100);
  document.getElementById("pl").innerHTML = prct + "%<br />" + ((document.all) ? "Kilobytes: " + tbts + "<br />" : "") + i + " ud af " + bill.length + " billeder loadet";
  document.getElementById("plbar").style.width = prct + "%";
  if (i >= bill.length)
    efterPreload();
  else {
    img.src = bill[i];
    if (!document.all)
      tjek();
  }
}

function tjek() {
  if (nsImg.complete)
    preload();
  else
    setTimeout(tjek, 100);
}

function efterPreload() {
  //Her defineres, hvad der skal ske, efter billederne er loadet
  //Hvis siden skal skifte, fjerner du bare de to slashes herunder:
  //self.location.href = "din_side.html";
}
</script>
<script type="text/javascript">
preload();
</script>
Avatar billede olebole Juniormester
15. november 2004 - 23:30 #1
<ole>

Hvorfor spørger du? Hvad sker der? Får du fejl? Hvad siger evt. fejl?

/mvh
</bole>
Avatar billede skovenborg Nybegynder
15. november 2004 - 23:34 #2
...og har du husket at tilføje den nødvendige html-kode (p.s. jeg tænker bla. på de billeder scriptet bruger)?
Avatar billede olebole Juniormester
15. november 2004 - 23:40 #3
... og ligger dine billeder, hvor du skriver (= lige ved siden af dokumentet) - eller ligger de i en anden mappe?
Avatar billede tza Nybegynder
16. november 2004 - 00:23 #4
olebole > jeg får fejlen at GetElementById er null eller ikke et objekt???

skovenborg > hvis du mener om jeg har uploadet de relevante billeder, så ja. Ellers??
Avatar billede skovenborg Nybegynder
16. november 2004 - 00:31 #5
det jeg mente var om du har følgende html-kode på din side:
<div style="width: 0%; height: 100%; background-color: #6699CC; font-size: 0px;" id="plbar"></div>
og
<img src="" name="pimg" style="display: none;" onLoad="preload();" />
Avatar billede skovenborg Nybegynder
16. november 2004 - 00:32 #6
og forresten også den her:
<span id="pl" style="font-family: Verdana; font-size: 60%;"></span><br />

Du kan også se html-koden han bruger på http://phoenixv.dk/scripts/scr02.html som jeg jo egentlig går ud fra du har set ;-)
Avatar billede skovenborg Nybegynder
16. november 2004 - 00:36 #7
...og hvis du mangler dem, er det nok her problemmet ligger. I scriptet forsøger du jo at hente disse tre elementer, men hvis de ikke eksisterer så kommer den netop med en fejlmeddelse (og det er så det den du har fået).
Det skal dog lige tilføjes at de forskellige elementer ikke behøver at se sådan ud. Det eneste som kræves i de tre elementer er deres id eller name-attribut er som de står nu. Resten er blot en masse style-halløj.
Avatar billede olebole Juniormester
16. november 2004 - 02:33 #8
... og det kræver, de bliver skrevet rigtigt i forhold til scripts:

... en masse script ...
function efterPreload() {
  //Her defineres, hvad der skal ske, efter billederne er loadet
  //Hvis siden skal skifte, fjerner du bare de to slashes herunder:
  //self.location.href = "din_side.html";
}
</script>

<div style="width:400px;height:12px;border:1px solid black">
  <div style="width: 0%; height: 100%; background-color: #6699CC; font-size: 0px;" id="plbar">&nbsp;</div>
</div>
<span id="pl" style="font-family: Verdana; font-size: 60%;"></span>
<img src="" name="pimg" style="display: none;" onLoad="preload();" />

<script type="text/javascript">
preload();
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester