Recherche :

herrwan Aide Matos : nikodoc, 2 utilisateurs anonymes et 46 utilisateurs inconnus

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : JavaScript : Redirection après un compte à rebour...

destroyeur04

Profil : Célèbre

Bonjour à tous. :hello:
Etant une quiche en javascript, je ne peut que vous demander de l'aide.
Donc voilà, j'ai fait une page d'erreur qui vous redirige après un certain nombre de seconde.
Le problème, c'est que je reste bloqué au niveau de la redirection.
Pourtant je suis sûr que c'est simple.

un exemple en ligne:
http://destroyeur045.free.fr/test/redirection.htm

Voilà le code de la page:

Code :

<html>
<head>
<script type="text/javascript">
var valeur_origine = 5;
var valeur = valeur_origine
var x;
function Init() {
window.document.getElementById('compteur').value=valeur;
x = window.setInterval('Decompte()', 1000);
}
function Decompte() {
((valeur > 0)&&( ! window.document.getElementById('MaCheck').checked)) ? (window.document.getElementById('compteur').value = --valeur) : (window.clearInterval(x));
}
function Relance(elem) {
if( ! elem.checked ) x= window.setInterval('Decompte()', 1000);
}
function ResetCompteur() {
valeur = valeur_origine;
window.document.getElementById('MaCheck').checked = false;
window.clearInterval(x)
Init();
}
window.onload = Init;
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Code invalide...</title>
<style type="text/css">
<!--
.Style2 {
color: #FF0000;
font-size: 36px;
}
.Style3 {color: #000000; font-size: 12px; }
.Style4 {color: #000000; font-size: 36px; }
-->
</style>
</head>
<body>
<div align="center">
<p class="Style2"> </p>
<table align="center" width="270" border="10">
<tr>
<td width="242" height="90"><div align="center"><span class="Style2">Code invalide...</span></div></td>
</tr>
</table>
<p> </p>
<p class="Style4"> </p>
<p class="Style3">redirection en cours ...</p>
<p class="Style3">
<input type="checkbox" name="MaCheck" id="MaCheck" onClick="Relance(this);">
<input type="text" name="compteur" id="compteur" size="2" readonly="readonly">
<input type="button" value="reset" onclick="ResetCompteur(); return false;"> 
</p>
</div>
</body>
</html>

Je voudrais que quand le compte à rebour arrive à 0, la page se charge.
Comme vous pourrer le voir, on peut stopper le décompte, et le réinitialiser.

A la ligne 17, il faudrais que j'insère une ligne du genre, mais je n'arrive pas à mettre un rapport avec "(valeur=0)"

Citation :

window.setTimeout("location=('http://google.com')" );

Un grand merci à ceux qui pourrons m'aider. :jap: