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