Avatar billede weblance Nybegynder
29. april 2010 - 18:10 Der er 4 kommentarer og
1 løsning

Udfordring: "Vent venligst mens siden indlæses..."

Hej

Jeg er bedt om at lave en "Vent venligst mens siden indlæses..." besked. Siden er et online varekatalog og er bygget op af frames.

Hovedsiden indeholder dette:

+--------------------+
|  Header med logo  |
+----+---------------+
|Menu|  Indhold    |
|    |              |
|    |              |
+----+---------------+
|      Footer      |
+--------------------+

Øverste frame indeholder bare et logo.
Menu frame indeholder menuen der genereres med data fra en database.
Indhold frame indeholder data der genereres med data fra en database.
Footer frame indeholder et søgefelt.

Problemet er så bare at menu frame og indhold frame tager enormt lang tid at generere (ca. 20 sek.), og imens vises kun topframe med logo mens resten af siden er blank. Det resulterer i at brugerne hopper videre fordi de tror at siden ikke virker.

Er der en der vil hjælpe mig med at lave et script der viser en tekst i stil med "Vent veligst mens siden indlæses..." indtil hele siden er loadet færdig?

På forhånd tak!
Avatar billede weblance Nybegynder
29. april 2010 - 18:12 #1
Hov . . . min "grafiske" beskrivelse af siden virker ikke så godt, håber i forstår!

Glemte også at fortælle at jeg fandt dette: http://rainbow.arch.scriptmania.com/scripts/preload_wait.html
Men det ved jeg ikke hvordan jeg skal lave om så det virker med frames.
Avatar billede Slettet bruger
29. april 2010 - 22:18 #2
Det gør det ikke. Problemet er at du ikke har én side som fylder hele skærmbilledet, men 4
- og indholdet i én frame kan ikke lappe ind over indholdet i en anden.

Det kan måske løses ved at samle de 4 frames i én IFRAME som fylder hele siden - og som KAN gemmes under en venteside.

Problemet er (eller kan være) at links/script i de enkelte frames refererer til hinanden via "top"

Hvis f.eks. der i menu-framen er et script som siger noget ala:
top.Indhold.location.href="blabla.html"

Men det kan du heldigvis teste inden du "ødelægger noget" i det eksisterede.

Lav en ny side newIndex.html :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8"><title>wrapper</title>
<style>
HTML,BODY    {width:100%; height:100%; margin:0; overflow:hidden;}
.fullScreen    {position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:auto;}
#wait        {z-index:2;background-color:#F00; font:12pt tahoma; color:#FFF; text-align:center; padding-top:25%;}
#site        {z-index:1;background-color:#FFF;}
</style><script>

function theSwitch()
    {
    // alert("klar ?")
    document.getElementById("site").style.zIndex = 3
    }

</script></head><body onload="theSwitch()">

    <div class="fullScreen" id="wait">
        <h1>Hej dav, velkommen til xxx.dk</h1>
        Giv os liige et sekund til at finde de gode tilbud frem...
    </div>

    <div class="fullScreen" id="site">
        <iframe class="fullScreen" height="100%" width="100%" src="index.html" frameborder="0"></iframe>
    </div>

</body></html>


Men udskift min "index.html" med den nuværende startside (med framesættet i)
- og så er det ellers bare om at teste det hele igennem -. du ku' jo være heldig...

PS: Husk også at rette <title>  (hvis det virker)
Avatar billede weblance Nybegynder
30. april 2010 - 18:02 #3
Det var perfekt!!! Tak skal du have! Send venligst et svar så jeg kan lukke tråden.
Avatar billede Slettet bruger
30. april 2010 - 18:08 #4
Velbekomme : )
Avatar billede Slettet bruger
30. april 2010 - 18:08 #5
suk..
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





White paper
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis