Affichage d'une page pendant le chargement d'une page

**johnson95** · 01/08/2008, 11h46

Bonjour,

Je souhaite afficher pendant le chargement d'une page, une page qui se trouve au dessus et qui la cache compl�tement.

Pour le moment j'arrive uniquement � afficher une image, cependant je seche sur la maniere d'afficher une page noir avec cette image au centre.
Ainsi quand la page est charg�, la page �cran disparait pour apparaitre le r�sultat.

Voici mon code actuel :

Au niveau du body

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<body onLoad="init()">

Dans le body

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<div id="loading" style="position:absolute; width:100%; text-align:center; top:300px;">
<img src="images/attente.png" border=0></div>
 
  <script>
 var ld=(document.all);
  var ns4=document.layers;
 var ns6=document.getElementById&&!document.all;
 var ie4=document.all;
  if (ns4)
 	ld=document.loading;
 else if (ns6)
 	ld=document.getElementById("loading").style;
 else if (ie4)
 	ld=document.all.loading.style;
  function init()
 {
 if(ns4){ld.visibility="hidden";}
 else if (ns6||ie4) ld.display="none";
 }
 </script>

merci de votre aide

**Matthieu2000** · 01/08/2008, 11h48

fais une recherche sur

flush

**johnson95** · 01/08/2008, 14h21

On m'a fourni cette solution qui fonctionne tr�s bien!

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 <body style="margin:0px;"
                  onload="document.getElementById('aff').style.display='none';">
  <div style=" position:absolute;  
     top:0;      
     left:0;      
     height:100%;    
     width:100%;
     background-color:#FFFF00 ;       /* chacun ses goûts ! */
     -moz-opacity:0.50;                   /* si on veut laisser apparaître la page html */
     opacity:0.5;                                            
     filter:alpha(opacity=50);                          
     -khtml-opacity:0.50; "                            
    id="aff" >
                       ici, ce qu'on veut, du texte, des images.....
                </div>
           ....

Affichage d'une page pendant le chargement d'une page

JavaScript

Discussions similaires

Partager

Partager