Preloader i html


#1:     mauran 02/05 - 2008 12:48
Det er sådan at jeg gerne vil have en preloader . sådan at der kommer sådan en loading bar . så kommer siden . jeg har prøvet en masse koder men de virker ikke
. det skal helst være sådan at den begynder atloade så forsvinder den så kommer siden  :) så er der nogle der kan hjælpe mig

Redigeret: 11/05 - 2008 22:17

#2:     mauran 02/05 - 2008 12:51
:) :):):):):) man det er en sej smiley

#3:     mauran 02/05 - 2008 12:56
kom nu andelys svar

#4:     Webmaster 02/05 - 2008 12:57
Skal det være en bar? For jeg kan godt lave en der viser en box imens siden bliver hentet og så forsvinder når siden ER hentet helt færdig.

#5:     Webmaster 02/05 - 2008 13:01
Smileys? Der er masser:
:)  :(  :mad:  :uhh:  :s  :D  :69:  :pirat:  :o  :bowl:  :nono:  :diz:    ;(    :wacko:  ;)

Redigeret: 21/05 - 2008 15:46

#6:     mauran 02/05 - 2008 13:09
ja gerne sådan en

#7:     Webmaster 02/05 - 2008 13:23
Okay, her er koden :)

Følgende html skal placeres i <head>:

<script language="javascript">
function preload() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
     }
  }
}
</script>

I <body>-taget skal du sætte onload="preload()" sådan at det kommer til at så sådan her ud:

<body onload="preload()">

Til sidst skal du også indsætte den boks som vises imens siden henter.
Den kan f.eks. se sådan her ud:

<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%>
<tr><td>Siden henter... Vent venligst.</td></tr>
</table>
</div>

Hvis du ændre i boks skal den stadig have id="hidepage" i sig ;)

#8:     mauran 02/05 - 2008 16:09
tark :)

#9:     Webmaster 02/05 - 2008 20:05
Så lidt ;)

Skriv et svar

Klik for at indsætte: Fed | Kursiv | Link | Billede | Citat | Liste | Kode

Abbonner

Nå du skriver et nyt svar kommer du automatik til at abbonnere på nye svar. Hvis du ikke vil det, skal du fjerne krydset i boksen ovenover.