Aller au contenu

Prechargement d'une page en javascript


EpocOne

Sujets conseillés

Bonjour à tous,

Voici donc mon problème, j'ai voulu insérer un javascript qui me permettait d'avoir un préchargement "design" de ma page web, ce fut chose faite.

Mais voilà... lorsque j'arrive sur l'index (l'index étant une page portail contenant un lien pour accéder à la page principale) je clique sur le lien que j'ai mis en évidence, et hop le javascript fait son effet (il s'agit d'une petit rondelle de chargement en format gif) mais... rien ne se charge! La page principale ne s'affiche pas! :(...

Je vous met ici le code Java utilisé:

	/* ##### Start Loading ##### */
document.write('<div id=\"cache\"><b>Loading...<\/b><br \/><img src=\"img\/wait.gif\" alt=\"\" \/><\/div>');
document.write('<script type=\"text\/javascript\">');
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.visibility = "visible";
function cacheOff()
{cach.visibility = "hidden";}
document.write('<\/script>');
/* ##### End Loading ##### */
/* ##### Start CSS ##### */
document.write('<link href=\"css\/main.css\" type=\"text\/css\" rel=\"stylesheet\" \/>');
/* ##### End CSS ##### */

La feuille css qui l'accompagne.

html, body {
background-color:#000000;
border:0px none;
color:#999999;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0px;
overflow:hidden;
padding:0px;
}
img {
border:0px none;
}
#cache {
background-color:#000000;
color:#FFFFFF;
height:5000px;
left:50%;
margin-left:-5000px;
margin-top:-2500px;
padding-top:2450px;
position:absolute;
text-align:center;
top:50%;
visibility:hidden;
width:10000px;
z-index:10;
}

J'ai bien inscrit le lien de liaison entre les balises HEAD:

<script src="js/main.js" type="text/javascript"></script>

J'ai donc mis ce lien dans la page ou j'aimerais que le préchargement se termine car il reste sur l'animation :unsure: ...

Tous vos conseils seront très appréciers :) .

Lien vers le commentaire
Partager sur d’autres sites

  • 3 semaines plus tard...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...