Avatar billede holmsgaarden Nybegynder
27. august 2008 - 11:54 Der er 3 kommentarer

Loading screen på et tungt website

Hola eksperter..

Jeg har et website som returnerer en stor mængde data (omkring 4,5 mb) - hvilket godt kan tage et stykke tid at få loadet ind for folk med knap så hutige forbindelser..

Sprøgsmålet kommer så her :) Kan man på nogen måde få lavet et script der smider en "spalsh" loading screen op i hovedet af brugeren mens siden loades?

Vh. Peter
Avatar billede darrich Novice
27. august 2008 - 13:15 #1
ja.
Her er et eksempel dog med lidt anden vinkel, men princippet er det samme.
http://www.eksperten.dk/spm/345568
Avatar billede holmsgaarden Nybegynder
27. august 2008 - 14:50 #2
Synes ikke rigtig de beskriver hvordan det skal laves?
Avatar billede enhydralutris Nybegynder
30. august 2008 - 14:00 #3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>
<style type="text/css">
#divLoadCont  {
  position: absolute;
  width: 100%;
  height: 98%;
  top: 0;
  left: 0;
  background-color: white;
  layer-background-color: white;
  font-family: arial,helvetica;
  z-index: 100;
  }
</style>

<!-- Begin Loading Page Script -->
<script type="text/javascript">
function ccbrowsercheck(){
  this.ver=navigator.appVersion;
  this.dom=document.getElementById?1:0;
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  this.ie4=(document.all && !this.dom)?1:0;
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5);
  return this;
}

bw=new ccbrowsercheck();

function cchidediv(div){
  if(bw.bw){
    div="divLoadCont";
    obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?document[div]:0;
    obj.visibility='hidden';
  }
}

onload=cchidediv;
</script>
<!-- End Loading Page Script --></head>
<body>
<!-- Begin Loading Page -->
<script>
if(bw.bw)
  document.write('<div id="divLoadCont">
  <!-- indsæt loading screen her... HTML kode -->
  ');
</script>
<!-- End loading Page -->
</body>
</html>
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
Kurser inden for grundlæggende programmering

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