Redirection après chargement.
Résolu
webmaster
-
ThEBiShOp Messages postés 9307 Statut Contributeur -
ThEBiShOp Messages postés 9307 Statut Contributeur -
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
Coucou,
merci de la réponse, mais comment je la fais ?
Je suis pas top en HTML/PHP/javascript ...
Je commence juste :P
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
J'ai fais le test de redirection vert mon forum :
window.location = "http://ekoloko.lebonforum.com/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 ...
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/";
}
