Avatar billede syswatch Novice
04. august 2005 - 15:28 Der er 16 kommentarer og
1 løsning

Skal vise loading mens siden hentes

Hejsa...
Jeg har søgt lidt herinde på eksperten, og fundet en del emner omkring dette emne, men ingen jeg kunne bruge.
Jeg har en side jeg har bygget op i PHP med <DIV>.
Jeg har et link i min menu der loader en PHP side som tager lidt tid pga de mange data, og der vil jeg gerne have at der i "indholds" div'en bliver vist en tekst hvor der står loading.
Kan man lave det på nogen måde ?

Jeg vil gerne have det skåret lidt ud i pap hvordan jeg skal gøre, for jeg er ikke ret god til JavaScripts.
Avatar billede roenving Novice
04. august 2005 - 15:31 #1
Du indsætter et element på din side, som du placerer hvor du vil have det, og så onload skjuler du det !-)
Avatar billede roenving Novice
04. august 2005 - 15:33 #2
Altså scriptet bliver sådan:

<script type="text/javascript">
window.onload = function(){
  document.getlementById('elementId').style.display = 'none';
}
</script>
Avatar billede syswatch Novice
04. august 2005 - 15:33 #3
roenving, kan du evt komme med et eksempel ?
Avatar billede syswatch Novice
04. august 2005 - 15:34 #4
Det der sætter jeg så i HEAD eller hvordan ?
Avatar billede roenving Novice
04. august 2005 - 15:37 #5
Det sætter du hvorsomhelst (bare det er inde i html-dokumentet !-)

-- jeg plejer selv at sætte den slags i head-sektionen (specielt under udvikling!-), for så er det nemmere at overskue dem og evt. flytte dem ud af dokumentet på et senere tidspunkt ...
Avatar billede syswatch Novice
04. august 2005 - 15:41 #6
He he, jeg er stadig blank.
Okay, jeg opretter en <div> (div2)med en tekst hvor der står "loading...." og placer den præcis samme sted som min anden div (div1). Og bruger z-index til at lave lagene med, og så skulle dit script fjerne div2 når div1 er loadet færdig ? Har jeg forstået det rigtigt ?
Avatar billede roenving Novice
04. august 2005 - 15:43 #7
Jepz !-)

-- husk at id på den nye div er det du henviser til i scriptet ('elementId' !-)
Avatar billede syswatch Novice
04. august 2005 - 15:45 #8
Okay, jeg tester det lige.....
Avatar billede syswatch Novice
04. august 2005 - 15:54 #9
Jeg kan ikke helt få det til at spille.....www.syswatch.dk
Klik på galleri og så test galleri 1
Avatar billede roenving Novice
04. august 2005 - 15:59 #10
Hrm, jeg havde lavet en tavetosse:

  document.getElementById('elementId').style.display = 'none';
Avatar billede syswatch Novice
04. august 2005 - 16:02 #11
Arh, ja det hjalp en del. Men fra man trykker på galleri navnet går det alligevel en del tid hvor der ikke rigtig sker noget, hvordan kan det være ? Loading siden kommer ikke lige med det samme ?
Avatar billede roenving Novice
04. august 2005 - 16:13 #12
Jeg tror det er browseren, som venter på at høre om der er noget ...

-- og måske ville det være bedre med phoenixvs avancerede preloader: http://www.phoenixv.dk/arkiv.html (under billeder !-)
Avatar billede syswatch Novice
04. august 2005 - 16:15 #13
Ja, men den loader jo en liste med billeder, det er jo ikke tilfældet her.
Avatar billede roenving Novice
04. august 2005 - 16:27 #14
Nej, den loader faktisk billederne som en slags preload, og du kan sagtens lade den arbejde parallelt, båndbredden vil kun blive en anelse mere belastet !-)
Avatar billede syswatch Novice
26. september 2005 - 13:01 #15
roenving: smider du lige et svar så jeg kan lukke.... jeg droppede projektet.
Avatar billede roenving Novice
26. september 2005 - 14:04 #16
Oki '-)
Avatar billede roenving Novice
26. september 2005 - 14:29 #17
-- og tak for point ;~}
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