Pagina laten zien als de pagina klaar is
Ik heb het volgende niet uitgetest maar is het mogelijk om te pagina zo te laten zien?
Code (php)
1
2
3
2
3
<body hidden>
// inhoud
</body>
// inhoud
</body>
Code (php)
1
2
3
2
3
$(document).ready(function (){
$('body').show();
});
$('body').show();
});
Ik dacht hieraan omdat als ik CKeditor ergens in laad dat ik altijd eerst een stukje textarea zie en na 2 seconden pas de CKeditor zie. Dat vind ik lelijk. Zou dit kunnen werken?
Toevoeging op 27/09/2012 19:35:03:
laat maar, ik heb het kunnen testen en het werkt prima ;)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Body pas tonen als alles geladen is</title>
</head>
<body>
<script>
document.getElementsByTagName('body')[0].style.display = 'none'; // nog vooraleer jQuery is geladen, want dat duurt een tijd
</script>
bla bla ...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function (){
$('body').show();
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Body pas tonen als alles geladen is</title>
</head>
<body>
<script>
document.getElementsByTagName('body')[0].style.display = 'none'; // nog vooraleer jQuery is geladen, want dat duurt een tijd
</script>
bla bla ...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function (){
$('body').show();
});
</script>
</body>
</html>
Als javascript uitgeschakeld is, werken beide niet (en blijft de body zichtbaar).
Als javascript ingeschakeld is, worden beide wel uitgevoerd en krijg je het effect waar je om vroeg.
Gewijzigd op 04/10/2012 16:52:29 door Kris Peeters