Oprettet ons. d. 27. april 2005 kl. 23:26:59

hb5v6
hb5v6 (19.016 point. Point ude: 1.585)

Loader til hjemmeside

Hej,

Jeg har en side der er ret langsom.. det tager faktisk 5 sekunder før man kan se den er der..

Så jeg vil gerne have en loader til siden, altså en side der hurtigt vises inden siden er parat til at blive vist, så de besøgende ikke bliver irreteret alt for meget og går væk.

kan det lade sig gøre, og kan i lave det for mig? hvad ska i ha for det, eller har i et link?

Skrevet tor. d. 28. april 2005 kl. 03:22:56| #1

coderdk
coderdk (159.874 point)
Det er DHTML/JavaScript du er ude efter... Men prøv noget i stil med:

<html>
<head>
  <title>Din side</title>
  <script type="text/javascript">
    window.onload = function ()
    {
        document.getElementById( 'loader' ).style.display = 'none';
        document.getElementById( 'content' ).style.display = 'block';
    }
  </script>
  </head>
  <body>
    <div id="loader">Siden loades. Vent venligst!</div>
    <div id="content" style="display: none">
<?php

  // Resten af din side og kode her...

?>
    </div>
  </body>
</html>

Skrevet tor. d. 28. april 2005 kl. 12:31:19| #2

hb5v6
hb5v6 (19.016 point)
så siger den:
Parse error: parse error, unexpected '<' in /usr/home/virtual/ultraz.dk/public_html/index.php on line 38

Skrevet tor. d. 28. april 2005 kl. 12:43:23| #3

hb5v6
hb5v6 (19.016 point)
og den linje er så:
<?php

Skrevet tor. d. 28. april 2005 kl. 12:54:24| #4

hb5v6
hb5v6 (19.016 point)
hov bare mig der var dum hehe :) det virker fint, mange tak.. lig et svar og du får points..

Skrevet tor. d. 28. april 2005 kl. 13:02:35| #5

hb5v6
hb5v6 (19.016 point)
hvis jeg kun vil have den til at loade noget af siden hva gør jeg så?

altså mine countere behøver den ikke loade før den åbner siden, da de nogle gange er lidt dumme..

Skrevet tor. d. 28. april 2005 kl. 14:09:38| #6

coderdk
coderdk (159.874 point)
Well, dét der burde vise en "Loading" side, som bliver vist indtil hele dokumentet er loadet...
Hvis du vil vise det alligevel skal du bruge en setTimeout, og så fjerne Loading siden efter X sekunder...

Skrevet fre. d. 29. april 2005 kl. 02:09:46| #7

hb5v6
hb5v6 (19.016 point)
kan du lave det for mig?
kunne være lækkert

Skrevet fre. d. 29. april 2005 kl. 03:17:34| #8

coderdk
coderdk (159.874 point)
Noget i stil med:

<html>
<head>
  <title>Din side</title>
  <script type="text/javascript">
    function showit()
    {
        document.getElementById( 'loader' ).style.display = 'none';
        document.getElementById( 'content' ).style.display = 'block';
    }
    window.onload = function ()
    {
        showit();
    }
    setTimeout( "showit()", 2500 );
  </script>
  </head>
  <body>
    <div id="loader">Siden loades. Vent venligst!</div>
    <div id="content" style="display: none">
<?php

  // Resten af din side og kode her...

?>
    </div>
  </body>
</html>


Så vises siden når den er loadet færdigt, eller når der er gået 2,5 sekunder, hvad der kommer først...

Skrevet fre. d. 29. april 2005 kl. 17:31:52| #9

hb5v6
hb5v6 (19.016 point)
det giver nogle problemer..
http://www.ultraz.dk/ (...)

det er som om den ikke rigtig kommer videre ?

Skrevet fre. d. 29. april 2005 kl. 18:21:20| #10

coderdk
coderdk (159.874 point)
Du mangler en </div> ved din loading block :P

Skrevet man. d. 02. maj 2005 kl. 17:48:49| #11

hb5v6
hb5v6 (19.016 point)
nej har jeg indsat... lige over </body> ikke?

se link
^

Skrevet man. d. 02. maj 2005 kl. 17:58:22| #12

coderdk
coderdk (159.874 point)
Nej. Dette:

    <div id="loader">
&nbsp;<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <center><table border="0" width="51%" cellspacing="1" id="table1" style="text-align: center; border: 1px solid #C0C0C0" bgcolor="#E1E1E1">
        <tr>
            <td>
            <p align="center"><b><font face="Impact" size="7">ULTRAZ.DK -
            BABEPORTAL</font></b></p>
            <p align="center"><b><font face="Impact" size="7">

            <font color="#CC3300">SIDEN LOADES...</font><br>
            Vent venligst</font></b></td>
        </tr>
    </table></center>
    <div id="content" style="display: none">

Skal se sådan ud:

    <div id="loader">
&nbsp;<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <center><table border="0" width="51%" cellspacing="1" id="table1" style="text-align: center; border: 1px solid #C0C0C0" bgcolor="#E1E1E1">
        <tr>
            <td>
            <p align="center"><b><font face="Impact" size="7">ULTRAZ.DK -
            BABEPORTAL</font></b></p>
            <p align="center"><b><font face="Impact" size="7">

            <font color="#CC3300">SIDEN LOADES...</font><br>
            Vent venligst</font></b></td>
        </tr>
    </table></center>
    </div>
    <div id="content" style="display: none">

Som jeg skrev: Du mangler en </div> ;)

Skrevet man. d. 02. maj 2005 kl. 23:33:20| #13

hb5v6
hb5v6 (19.016 point)
det ser ik rigtig ud som om den loader, den er tværdigmod blevet langsommere :S ?
tjek www.ultraz.dk

Skrevet tir. d. 03. maj 2005 kl. 02:37:54| #14

coderdk
coderdk (159.874 point)
Du har sikkert taget den ned igen, for den er der ikke længere ;) Prøv at lave den der indextest.php igen...

Skrevet lør. d. 29. oktober 2005 kl. 22:30:00| #15

hb5v6
hb5v6 (19.016 point)
lukker.. smid lige et svar så får du points som tak for hjælpen

Skrevet søn. d. 30. oktober 2005 kl. 01:14:04| #16


Skrevet fre. d. 03. september 2010 kl. 09:18:59| #17


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Procentregning

Oprettet den 11. februar 2012 kl. 11.26
sevinding giver 60 point for svar | Giv et svar »

Ville ikke tildele at upload det til database eller komme...

Oprettet den 10. februar 2012 kl. 21.23
tobrukDk giver 15 point for svar | Giv et svar »

HTTP Post XML og modtag svar

Oprettet den 10. februar 2012 kl. 17.55
mrkaynex giver 200 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger