[JS] Affichage d'une page pendant le chargement de la page

Affichage d'une page pendant le chargement de la page [JS] - HTML/CSS - Programmation

Marsh Posté le 01-08-2008 à 11:47:19    

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 :
  1. <body onLoad="init()">


 
Dans le body

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


 
merci de votre aide

Reply

Marsh Posté le 01-08-2008 à 11:47:19   

Reply

Marsh Posté le 01-08-2008 à 12:26:43    

bonjour,
 


 <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>
           ....


 
Cordialement.


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 01-08-2008 à 14:20:52    

MERVEILLEUX !!
 
C'est exactement ce qu'il me fallait, en plus je peux m'amuser avec l'opacité pour faire des effets!
 
Merci beaucoup !

Reply

Marsh Posté le 01-08-2008 à 14:35:27    

nickel si ça baigne,
merci du retour.
@+


---------------
[mon site] [m'écrire]
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed