Chargement div pendant celui des éléments de page

zemage · 14 Octobre 2006

Bonsoir, je cherche à placer un div de 4000 px / 4000 px sur une page web et mettre dedans une image : exemple : chargement de la page merci de patienter.
Sachant que ma page contient plein de div, j'ai essayé de mettre ceci :

Code:

<script type="text/javascript">
function afficher()
{
document.getElementById("precharge").style.visibility="visible";
}
</script> 
</head>
<body onload="afficher()">    
<div id="precharge" style="z-index: 120;left: 0px; top:0px; background:#000000;width: 4000;position: absolute;height: 4000">
<img src="images/chargement.gif" border="0">
</div>

... et à la fin

Code:

<script type="text/javascript">
document.getElementById("precharge").style.visibility="hidden";
</script> 
</body>

Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !!
Si quelqu'un aurait une solution, merci.

guicara · 14 Octobre 2006

Et pourquoi ne pas mettre des images mais des couleurs de fond ?

zemage · 14 Octobre 2006

guicara a dit:
Et pourquoi ne pas mettre des images mais des couleurs de fond ?

C'est à dire je ne vois pas comment interférer sur le chargement de la page?

JulienCD · 14 Octobre 2006

Code:

(...)
<script type="text/javascript">
function hide_precharge() {
	document.getElementById('precharge').style.display='none';
}
if (window.attachEvent) { eval("window.attachEvent('onload',hide_precharge);"); } 
else { eval("window.addEventListener('load',hide_precharge,false);"); }
</script>
</head>

<body>

<div id="precharge" style="z-index:120;background:#000;width:100%;height:100%;position:absolute;display:block">
	<img src="images/chargement.gif" border="0">
</div> 
(...)

non ?

guicara · 14 Octobre 2006

Tu me dit 'Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !! ' alors au lieu de mettres des images, mais un background

zemage · 15 Octobre 2006

JulienCD : le script marche parfaitement je te remercie.

guicara a dit:
Tu me dit 'Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !! ' alors au lieu de mettres des images, mais un background

Ok je viens de comprendre.
Merci @ vous 2.

guicara · 15 Octobre 2006

De rien !
Et bonne chance

zemage · 26 Octobre 2006

Ce script fonctionne bien, par contre quand j'ai une boite select sur la page, la boite select s'affiche avant et donc ne se met pas en arrière plan.
Connaissez-vous un code qui permette de cacher ce select tout comme le reste ? Merci.