Notifikationer

Markér alle som læst Log ud

hb5v6 Nybegynder

27. april 2005 - 23:26 Der er 17 kommentarer

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?

Synes godt om

coderdk Praktikant

28. april 2005 - 03:22 #1

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>

Synes godt om

hb5v6 Nybegynder

28. april 2005 - 12:31 #2

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

Synes godt om

hb5v6 Nybegynder

28. april 2005 - 12:43 #3

og den linje er så:
<?php

Synes godt om

hb5v6 Nybegynder

28. april 2005 - 12:54 #4

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

Synes godt om

hb5v6 Nybegynder

28. april 2005 - 13:02 #5

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..

Synes godt om

coderdk Praktikant

28. april 2005 - 14:09 #6

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...

Synes godt om

hb5v6 Nybegynder

29. april 2005 - 02:09 #7

kan du lave det for mig?
kunne være lækkert

Synes godt om

coderdk Praktikant

29. april 2005 - 03:17 #8

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...

Synes godt om

hb5v6 Nybegynder

29. april 2005 - 17:31 #9

det giver nogle problemer..
http://www.ultraz.dk/indextest.php

det er som om den ikke rigtig kommer videre ?

Synes godt om

coderdk Praktikant

29. april 2005 - 18:21 #10

Du mangler en </div> ved din loading block :P

Synes godt om

hb5v6 Nybegynder

02. maj 2005 - 17:48 #11

nej har jeg indsat... lige over </body> ikke?

se link
^

Synes godt om

coderdk Praktikant

02. maj 2005 - 17:58 #12

Nej. Dette:

<div id="loader">
 <p> </p>
<p> </p>
<p> </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">
 <p> </p>
<p> </p>
<p> </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> ;)

Synes godt om

hb5v6 Nybegynder

02. maj 2005 - 23:33 #13

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

Synes godt om

coderdk Praktikant

03. maj 2005 - 02:37 #14

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

Synes godt om

hb5v6 Nybegynder

29. oktober 2005 - 22:30 #15

lukker.. smid lige et svar så får du points som tak for hjælpen

Synes godt om

coderdk Praktikant

30. oktober 2005 - 01:14 #16

Ok :)

Synes godt om

vallemanden Nybegynder

03. september 2010 - 09:18 #17

luk?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
System til bordreservation Af Strawberry i PHP	3	20/07/202611:23	21/08/202611:02
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP	18	29/01/202613:08	02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP	6	25/01/202620:06	30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP	1	20/01/202621:11	23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP	0	06/11/202508:43	-

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS