[PHP] Hoe maak ik een 'loading page...' effect?

vrijdag 2 juni 2006 14:08

Acties:

0 Henk 'm!

Topicstarter

Ik ben opzoek naar een manier om de gebruiker weer te geven dat de pagina geladen wordt.
Een goed voorbeeld is Plesk (7.5), als je naar een andere pagina gaat geeft hij netjes een layer weer met hierin 'Please wait, loading...'.

Hoe werkt zoiets (in PHP)?

Wat mij relevant lijkt is dat je de gegenereerde output van de komende pagina buffert en pas weergeeft als deze compleet is.

Output buffering
http://nl3.php.net/manual/hk/function.ob-start.php
Ouput control
http://nl3.php.net/outcontrol

PVOutput 15125 Wp op SE15k

vrijdag 2 juni 2006 14:13

Acties:

0 Henk 'm!

Grijze Vos

Ik denk dat daar gewoon een client-side techniek voor wordt gebruikt hoor. Je laat gewoon je pagina laden in een of ander frame, en als je hem helemaal binnen hebt geef je hem pas weer.

Dat lijkt mij het meest logische..

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info

vrijdag 2 juni 2006 14:16

Acties:

0 Henk 'm!

m33p

Zie hierboven, er komt wel PHP aan te pas om wanneer je wilt maken dat je nog niks kunt doen terwijl de pagina aan het laden is maar wanneer je alleen een loading wilt maken voor pagina's die er lang over doen om te genereren kun je gewoon een layer maken welke standaard visibility: hidden heeft, en bij een onclick visible is.

vrijdag 2 juni 2006 14:23

Acties:

0 Henk 'm!

bigbeng

Waarom zou je dit met PHP willen doen? Dit kun je toch prima doen met clientside scripting?

Je zou eventueel van XMLHttp gebruik kunnen maken waarmee je de content ophaalt en op de juiste plekken in je pagina zet. De pagina zelf bestaat dan uit iets wat lijkt op het volgende:

code:

<html>
<head>
<script type="text/javascript">
function loadContent() {
   ... xmlhttp en dergelijk doe je hier
}

function doStartup()
{
   showLoading();
   loadContent();
   hideLoading();
   showContent();
}
</script>
</head>
<body onload="javascript:doStartup()">
   <div id="loading">Je laadmelding hier</div>
   <div id="content">hier plaats je uiteindelijk je content</div>
</body>
</html>

Klik hier voor meer info

En vriend google: http://www.google.nl/sear...&btnG=Google+zoeken&meta=

[ Voor 10% gewijzigd door bigbeng op 02-06-2006 14:23 ]

Onderwerpen