Site Loading Script

[Roberto]

Hi!
Wisst Ihr, wo ich scripts herbekomme, die beim anzeigen von html seiten (z.b. wenn eine 700kb seite lädt) eine grafik oder tabelle (mit ladebalken wäre super) anzeigen die sagt "Seite lädt" - wisst ihr da was??

 

[Duvi]

such einfach nach:
javascript progressbar

 

[radarin]

Danach habe ich jetzt auch gesucht, diverse Seiten angeschaut, aber noch nichts Brauchbares gefunden...

 

[Roberto]

ich hab ein super script gefunden, ich habs stark modifiziert, ich porste hier trotzdem amol den sourcecode! anmerkung: loading.png ist ein zu 50% schwarzes png, sieht ganz cool aus beim laden!


CODE


<style>

#loading {
background-image:url('loading.png');
width: 100%;
height: 100%;
position: absolute;
text-align: center;
top:0;right:0;
z-index:+5;display: yes;
}


div.white {
position:center;
float:center;
align:center;
background-color:#fbfbfb;
border:1px solid #c0c0c0;
}

</style>



<script type="text/javascript">

function warten(prmSec)
{
prmSec *= 1000;
var eDate = null;
var eMsec = 0;
var sDate = new Date();
var sMsec = sDate.getTime();

do {
eDate = new Date();
eMsec = eDate.getTime();

} while ((eMsec-sMsec)<prmSec);
}


function closeload(){
document.getElementById("loading").style.visibility="hidden"
}

document.write('<div id="loading"><br>Seite lädt!<br><a href="javascript:closeload()" onclick="onclick="javascript:closeload()">Ladevorgang überspringen - Seite jetzt schon anzeigen (klick)</a></div></div>');

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
}
func();
}
}
}

addLoadEvent(function() {
document.getElementById("loading").style.display="none";
});

</script>