login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Pagina laden (Opgelost)

Offline thomasje - 17/08/2010 20:22
Avatar van thomasjeMySQL beginner Ik heb ergens een javascript code van daan gehaald wat de functie zou moeten hebben dat hij eerst een pagina laad, hij ondertussen een laadbalkje laat zien en hij na een aantal seconden doorgaat naar de geladen pagina.

Laadbalkje werkt, alleen als hij dan doorgestuurd wordt moet blijkbaar toch nog eerst de nieuwe pagina geladen worden. Hoe kan ik dit oplossen? Het is dus de bedoeling dat het laadbalkje ook echt zijn werk doet en niet alleen fake is.

Mijn javascript code:
  1. <script>
  2. getal=0;
  3. url='http://localhost/projecten/veradmin/overzichten/weergeven.php?o=18';
  4. function load()
  5. {
  6. if(getal==100)
  7. {
  8. window.location=url;
  9. }
  10. else {
  11. getal+=1;
  12. tabel.width=getal;
  13. text.innerHTML=getal+"%";
  14. setTimeout("load()","120");
  15. }
  16. }
  17. setTimeout("load()","60");
  18. </script>

2 antwoorden

Gesponsorde links
Offline valles10 - 17/08/2010 20:43 (laatste wijziging 17/08/2010 20:52)
Avatar van valles10 HTML interesse Ik had een script gepost, maar het is blijkbaar offline gehaald... Ik post het zodadelijk ff ;)
Edit: hier is ie dan:
javascript:
  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
  2. <script>
  3. $(window).load(function () {
  4. if(document.load = true){
  5. $('#content').fadeIn("slow");//#content is de div met de inhoud van de site die moet getoont worden als het laden voltooid is.
  6. $('#loading').fadeOut("slow");//de div met de informatie dat de site aan het laden is verbergen als het laden voltooid is.
  7. }
  8. });
  9. </script>

html:
  1. <div id="loading">De website is aan het laden... Je kan hier ook perfect een GIF afbeelding zetten, of png of wat je maar wil, zelfs een youtube vide...</div>
  2. <div id="content">
  3. Hier komt de inhoud van de site
  4. </div>

css:
  1. #content{
  2. display: none; /* zodat de content verborgen blijft zolang de site laadt */
  3. }

voorbeeld: http://www.dutchlyrics.be

Trouwens... het scriptje dat jij daar hebt staan hé, telt gewoon en redirect je dan naar een pagina, een pagina die OPNIEUW moet GELADEN worden
Offline thomasje - 17/08/2010 21:09
Avatar van thomasje MySQL beginner Bedankt voor de snelle reactie. Maar helaas werkt hij nog maar gedeeltelijk. Nu wordt nog eerst mijn PHP code uitgevoerd, daarna wordt de bezoeker ook daadwerkelijk doorgestuurd en pas daarna wordt de html code getoond.

Hoe ik het zou willen hebben, eerst wordt de bezoeker doorgestuurd, daarna ziet hij de tekst "website is aan het laden ..." en zodra de pagina helemaal geladen is ziet hij pas de content.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s