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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] Affichage d'une page pendant le chargement de la page

johnson950

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 :

<body onLoad="init()">

Dans le body

Code :

<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

Publicité

bul3

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]

johnson950

MERVEILLEUX !!

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

Merci beaucoup !

bul3

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

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[REGLER] affichage image	Probleme d'affichage de tableau 2d
[JS] utilisation de la librairies highlightfade de jquery	[Js][coldfusion] recupération de tableau javascript.
pb affichage PHP et Lightwindow	Ecrire le contenue de variables java applet dans la page html
Ma page s'imprime sans tenir compte du CSS	comment tester la presence d'une fonction PHP dans une page ?
[HTML][JavaScript] Problème d'accès à l'état d'une checkbox via JS	Probleme de communication PHP/JS 'Edit in place'
Plus de sujets relatifs à : [JS] Affichage d'une page pendant le chargement de la page

Page générée en 0.034 secondes