[JS] SetTimeout terwijl pagina laadt - Softwareontwikkeling

donderdag 2 januari 2003 14:16

Acties:

Verwijderd

Topicstarter

Stel, ik heb een zware pagina. Ik wil niet dat de users wegklikken voordat de pagina klaar is met laden. Dus moeten ze eerst een soort greetingpagina zien. Als ik een greetingpagina wil die meteen verschijnt voor de gebruiker terwijl die zware pagina op de achtergrond laadt, moet dat met SetTimeout?

Zo ja, hoe stel je dan in dat die greetingpagina verdwijnt zodra de zware pagina klaar is met laden?

donderdag 2 januari 2003 14:23

Acties:

Hangloozz

{ @$%&# }

spit ff door deze zoekresultaten...

www.jurgroessen.nl

donderdag 2 januari 2003 14:23

Acties:

muba

Prince of Persia!

fuck! Kom op zeg, LEEEEEES nou eens... 3e JS topic in 2 dagen...
Nevermind.

[ Voor 13% gewijzigd door muba op 02-01-2003 14:27 ]

Reporter: Mister Gandhi, what do you think of western civilisation?
Gandhi: I think it would be a good idea

donderdag 2 januari 2003 14:24

Acties:

Verwijderd

nee moet neit met settimeout, dan moet je van te voren weten hoe lang het duurt om een pagina te laden (dat kan dus varieren..)

ik zou onderaan de pagina een js functie aanroepen (die dus pas wordt aangeroepen als de pagina binnen is..) die het splashscreen (div) laat verdwijnen.

Zorg er wel voor dat de div bovenaan de pagina staat

en geef bij plaatjes GEEN height en width op...

donderdag 2 januari 2003 14:24

Acties:

Capa

Nieuw in W&G? Lees dit eerst.... (Beleid & FAQ)

Hoe krijg ik dit effect?
Hierover zijn vele topics te vinden met de search. En als het daar niet in staat kun je voor de verandering eens in de handleiding van je programma kijken. Ook zijn hier vele tutorialsites over, en die zijn met zoekmachines als www.google.com goed te vinden. Mocht je er dan nog niet uitkomen dan is je vraag meer dan welkom, aangezien het dan vast een interessant onderwerp is.

http://www.google.nl/sear...client&hl=nl&q=SetTimeout
of zoek op iets anders zoals close after .......

[ Voor 7% gewijzigd door Capa op 02-01-2003 14:25 ]

donderdag 2 januari 2003 14:41

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Sauron-XP: leuk, maar een totaal niet passende link. Het gequote stuk gaat (als ik het goed herinner) over Photoshop en dus beeldeffecten.

Om maar even wél hulp te geven, in tegenstelling tot mijn voorgangers (m.u.v. mabit):

Maak een div met de volgende eigenschappen:

code:

<style type="text/css">
.splash {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  visibility: visible;
}
</style>

en de div:

code:

1
2
3

<div class="splash" id="splash">
 Bla die bla, dit is de pagina van, bijna klaar met laden enz.
</div>

en in de bodytag:

code:

1	<body onload="document.getElementById('splash').style.visibility = 'hidden'; ">

Zoiets zou moeten werken

[ Voor 9% gewijzigd door Thijsmans op 02-01-2003 14:42 . Reden: typo :o ]

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

donderdag 2 januari 2003 14:46

Acties:

Verwijderd

<body onload="document.getElementById('splash').style.visibility = 'hidden'; ">

ik zou dit onderaan de pagina zetten, zodat je cker weet dat het binnen is...

er staat me wat bij dat onLoad soms niet helemaal w8 tot alles binnen is...

dus

code:

1
2
3

<script>
document.getElementById('splash').style.visibility = 'hidden';
</script>

donderdag 2 januari 2003 14:50

Acties:

Hangloozz

{ @$%&# }

Prammenhanger schreef op 02 January 2003 @ 14:41:

Om maar even wél hulp te geven, in tegenstelling tot mijn voorgangers (m.u.v. mabit):

zeik niet, ik heb een truckload met zoekresultaten gegeven waar de topicstarter een basis uit kan halen, het komt eens in de maand wel voorbij..rest moet ie zelf doen.

www.jurgroessen.nl

donderdag 2 januari 2003 14:51

Acties:

Verwijderd

Topicstarter

Prammenhanger schreef op 02 januari 2003 @ 14:41:
Sauron-XP: leuk, maar een totaal niet passende link. Het gequote stuk gaat (als ik het goed herinner) over Photoshop en dus beeldeffecten.

Om maar even wél hulp te geven, in tegenstelling tot mijn voorgangers (m.u.v. mabit):

Maak een div met de volgende eigenschappen:
code:
1
2
3
4
5
6
7
8
9
10
11
<style type="text/css">
.splash {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  visibility: visible;
}
</style>
en de div:
code:
1
2
3
4
<div class="splash" id="splash">
 Bla die bla, dit is de pagina van, bijna klaar 
met laden enz.
</div>
en in de bodytag:
code:
1
2
<body onload="document.getElementById('splash').
style.visibility = 'hidden'; ">
Zoiets zou moeten werken

Dit werkte in zoverre dat die tekst idd meteen verschijnt. Hij verdwijnt alleen niet meer nadat de pagina geladen is. Als ik mabits scriptje erbij zet onderaan de pagina komt er helemaal geen preloadtekst.

[ Voor 14% gewijzigd door Verwijderd op 02-01-2003 14:52 . Reden: leesbaarder maken ]

donderdag 2 januari 2003 14:55

Acties:

Verwijderd

Verwijderd schreef op 02 januari 2003 @ 14:51:
[...]
Als ik mabits scriptje erbij zet onderaan de pagina komt er helemaal geen preloadtekst.

je hebt een js fout neem ik aan..?!

wat is de foutmelding..?!

wat voor browser gebruik je?!

donderdag 2 januari 2003 15:05

Acties:

Pelle

🚴‍♂️

Verwijderd schreef op 02 January 2003 @ 14:46:
er staat me wat bij dat onLoad soms niet helemaal w8 tot alles binnen is...

dus

Onzin. Gewoon in de onLoad van je <body> zetten of in JS een zoiets in je <head> zetten:

Java:

1
2
3

window.onload = function() {
    // hier alles wat je wilt
}

donderdag 2 januari 2003 15:18

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 02 januari 2003 @ 14:55:
[...]

je hebt een js fout neem ik aan..?!

wat is de foutmelding..?!

wat voor browser gebruik je?!

Ik heb IE 5.5 en krijg geen voudtmelding

donderdag 2 januari 2003 15:32

Acties:

gvdh81

To got or not to got..

Het totale plaatje moet worden (afaik)

code:

<html>
<head>
  <style type="text/css">
  .splash {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  </style>
</head>
<body>
  <div class="splash" id="splash">Bla die bla, dit is de pagina van, bijna klaar met laden enz.</div>

  ... Hier al je meuk van content ...

  <script language="JavaScript" type="text/javascript">
  <!--
    if (document.getElementById) {  // DOM3 = IE5, NS6
      document.getElementById('splash').style.visibility = 'hidden';
    } else {
      if (document.layers) {  // Netscape 4
        document.splash.visibility = 'hidden';
      } else {  // IE 4
        document.all.splash.style.visibility = 'hidden';
      }
    }

  // -->
  </script>
</body>
</html>

[ Voor 133% gewijzigd door gvdh81 op 02-01-2003 15:41 ]

donderdag 2 januari 2003 15:50

Acties:

Verwijderd

Topicstarter

hij toont direct ... Hier al je meuk van content ...

De splash komt helemaal niet...

donderdag 2 januari 2003 16:18

Acties:

drm

f0pc0dert

Misschien is het niet direct, maar zo snel dat jij 't niet doorhebt. Een zinnetje van 1 regel is niet bepaald iets wat lang duurt om te laden, hm?

En toch is het netter om onload te gebruiken, en niet die vieze script-tags dwars door je html heen

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

donderdag 2 januari 2003 16:25

Acties:

Verwijderd

Topicstarter

drm schreef op 02 January 2003 @ 16:18:
Misschien is het niet direct, maar zo snel dat jij 't niet doorhebt. Een zinnetje van 1 regel is niet bepaald iets wat lang duurt om te laden, hm?

En toch is het netter om onload te gebruiken, en niet die vieze script-tags dwars door je html heen

Snap ik. Ik heb hem dan ook getest door hem in te bouwen in die pagina die heel lang laadt. Dat blijft ie doen, en ik zie gewoon wit terwijl hij aan het laden is. Niet die regel tekst dus...