Redirection après chargement.

Résolu/Fermé

webmaster - Modifié par webmaster le 18/02/2013 à 14:16
ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 - 23 janv. 2015 à 10:06

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

A voir également:

13 réponses

Réponse 1 / 13

markaz Messages postés 331 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 16 septembre 2015 5
18 févr. 2013 à 14:52

Salut, il faut faire une redirection si le compteur atteint 100%

Réponse 2 / 13

webmaster
18 févr. 2013 à 14:54

Coucou,

merci de la réponse, mais comment je la fais ?
Je suis pas top en HTML/PHP/javascript ...

Je commence juste :P

Réponse 3 / 13

Pitet
18 févr. 2013 à 15:33

Salut,

Pour faire une redirection javascript :

window.location = "http://www.mon-site.com/";

Réponse 4 / 13

webmaster
18 févr. 2013 à 15:36

Hum, ou dois-je le placer ?

Je ne connais pas un code de javascript ^^

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 13

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
18 févr. 2013 à 15:38

Si tu mets ça entre les 2 "}" ça devrait marcher...

Réponse 6 / 13

webmaster
18 févr. 2013 à 15:39

Hum, non, la page se recharge tut le temps ...

Réponse 7 / 13

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
18 févr. 2013 à 15:40

la redirection pointe vers une autre page ?

Réponse 8 / 13

webmaster
18 févr. 2013 à 15:41

J'ai fais le test de redirection vert mon forum :
window.location = "http://ekoloko.lebonforum.com/forum";

Réponse 9 / 13

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
18 févr. 2013 à 15:44

essaye avec ça :

if (compteur >= 100) {
window.location = "https://ekoloko.rigala.net/";
}

Réponse 10 / 13

webmaster
19 févr. 2013 à 06:46

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

Réponse 11 / 13

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
19 févr. 2013 à 08:55

bon, ça, ça devrait fonctionner :

if (parseInt(i/(parseInt(document.getElementById('cadre').clientWidth)/100)) >= 100) { 
      window.location = "https://ekoloko.rigala.net/";
    }

Réponse 12 / 13

webmaster
19 févr. 2013 à 10:43

Yes !

Merci beaucoup !

Je met résolu ! :D

Réponse 13 / 13

Host-Logi
17 janv. 2015 à 11:38

Mais vous en avez qui fonctionne dans un script html?

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
23 janv. 2015 à 10:06

https://lmgtfy.app/?q=redirection+html

Discussions similaires

Smart IPTV met un temps fou à charger depuis que je suis passé à la fibre

Mon iptv ne fonctionne plus

IPTV problème de chargement VOD

Erreur chargement vod

Accès au PS plus et au PS store impossible