Preloader i html

Du er her: Riddergarn.dk / Forum / HTML koder / Preloader i html

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
#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: <img src=irat:" class="bb-smiley" /> :o :bowl: :nono: :diz: ;( :wacko: ;)

#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 ;)