Redirection après chargement.
Résolu
webmaster
-
ThEBiShOp Messages postés 9307 Date d'inscription Statut Contributeur Dernière intervention -
ThEBiShOp Messages postés 9307 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour a tous !
J'ai ce code, qui permet d'afficher une barre de chargement sur mon site :
<html>
<head>
<title>Barre de progression</title>
<style type="text/css">
body{
margin-left: auto;
margin-right: auto;
text-align:center;
}
.cadre{
border-radius: 10px 10px 10px 10px;
margin-top: 250px;
margin-left: auto;
margin-right: auto;
text-align:center;
height: 50px;
width: 900px;
border: 1px solid black;
}
#barre{
border-radius: 10px 10px 10px 10px;
height: 50px;
width: 0px;
background-color: #c00;
}
.texte{
text-align: center;
font-size: 26px;
font-weight: bold;
}
.chargement{
text-align: center;
font-size: 26px;
font-weight: bold;
position: absolute;
top: 30%;
left: 20%;
right: 20%;
}
</style>
<script type="text/javascript">
var i=0;
function progression(timer){
if(i<=parseInt(document.getElementById('cadre').clientWidth)){
var compteur=0;
document.getElementById("barre").style.width=i+"px";
while(compteur<=100)
compteur++;
if(i>40)
document.getElementById("pourcentage").innerHTML=parseInt(i/(parseInt(document.getElementById('cadre').clientWidth)/100))+"%";
setTimeout("progression();", timer);
i++;
}
}
</script>
</head>
<body onload="progression()">
<noscript class="cadre">Vous devez activer le Javascript pour pouvoir visiter ce site !</noscript>
<div class="chargement">
Chargement en cours ...
</div>
<div class="cadre" id="cadre">
<div id="barre">
<span class="texte" id="pourcentage"></span>
</div>
</div>
</body>
</html>
Se que je voudrais, c'est qu'une fois que la barre a fini de charger, elle ouvre l'accueuil du site, comment faire cela ?
Merci d'avance ! :D
J'ai ce code, qui permet d'afficher une barre de chargement sur mon site :
<html>
<head>
<title>Barre de progression</title>
<style type="text/css">
body{
margin-left: auto;
margin-right: auto;
text-align:center;
}
.cadre{
border-radius: 10px 10px 10px 10px;
margin-top: 250px;
margin-left: auto;
margin-right: auto;
text-align:center;
height: 50px;
width: 900px;
border: 1px solid black;
}
#barre{
border-radius: 10px 10px 10px 10px;
height: 50px;
width: 0px;
background-color: #c00;
}
.texte{
text-align: center;
font-size: 26px;
font-weight: bold;
}
.chargement{
text-align: center;
font-size: 26px;
font-weight: bold;
position: absolute;
top: 30%;
left: 20%;
right: 20%;
}
</style>
<script type="text/javascript">
var i=0;
function progression(timer){
if(i<=parseInt(document.getElementById('cadre').clientWidth)){
var compteur=0;
document.getElementById("barre").style.width=i+"px";
while(compteur<=100)
compteur++;
if(i>40)
document.getElementById("pourcentage").innerHTML=parseInt(i/(parseInt(document.getElementById('cadre').clientWidth)/100))+"%";
setTimeout("progression();", timer);
i++;
}
}
</script>
</head>
<body onload="progression()">
<noscript class="cadre">Vous devez activer le Javascript pour pouvoir visiter ce site !</noscript>
<div class="chargement">
Chargement en cours ...
</div>
<div class="cadre" id="cadre">
<div id="barre">
<span class="texte" id="pourcentage"></span>
</div>
</div>
</body>
</html>
Se que je voudrais, c'est qu'une fois que la barre a fini de charger, elle ouvre l'accueuil du site, comment faire cela ?
Merci d'avance ! :D
13 réponses
-
Salut, il faut faire une redirection si le compteur atteint 100%
-
Coucou,
merci de la réponse, mais comment je la fais ?
Je suis pas top en HTML/PHP/javascript ...
Je commence juste :P -
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Si tu mets ça entre les 2 "}" ça devrait marcher...
-
-
la redirection pointe vers une autre page ?
-
J'ai fais le test de redirection vert mon forum :
window.location = "http://ekoloko.lebonforum.com/forum"; -
-
Bonjour,
merci de vos réponse,
mais ça ne fonctionne pas non plus, la barre avance, mais très lentement, et la page se réactualise tout les secondes ... -
bon, ça, ça devrait fonctionner :
if (parseInt(i/(parseInt(document.getElementById('cadre').clientWidth)/100)) >= 100) { window.location = "https://ekoloko.rigala.net/"; } -
-
