Problème de script de compte à rebours + affichage lien

Marsh Posté le 22-04-2013 à 17:54:46

Bonjour, je souhaite sur une page HTML afficher un compte à rebours (5, 4, 3, 2, 1...)
Puis afficher un lien cliquable.
Pour cela j'ai combiné 2 scripts trouvés sur internet : un script affichant le compte à rebours jusqu'à "0", et un script faisant apparaître un lien au bout de 5 secondes.
Cependant, depuis que j'ai ajouté ce dernier script, le compte à rebours du premier ne défile plus.

En bref, pourriez-vous m'aider à modifier le premier script pour qu'il affiche un lien à la place du "0" final?
Voici le script :

Code :

<script type="text/javascript">
window.onload = Init;
var waitTime = 5; // Temps d'attente en seconde
var x;
function Init() {
window.document.getElementById('compteur').innerHTML = waitTime;
x = window.setInterval('Decompte()', 1000);
}
function Decompte() {
((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
if (waitTime == 0) {
window.location = url;
}
}
</script>
<div><p><span id='compteur'>5</span></p></div>

Voici l'autre script au cas où (du lien qui s'affiche) :

Code :

<SCRIPT language="JavaScript">
function chargement()
{
setTimeout("url_modif()",5000);
}
function url_modif()
{
document.getElementById('attente').style.display='none';
document.getElementById('link').style.display='block';
}
</SCRIPT>
<body onload="chargement();">
<div id="attente" style="display:block">Faut attendre !</div>
<div id="link" style="display:none"><a href="non.html">Lien</a></div>
</body>

Merci pour vos éventuelles réponses...

Message édité par ganymede2 le 22-04-2013 à 17:55:42

Reply

Marsh Posté le 22-04-2013 à 17:54:46

Reply

Marsh Posté le 24-04-2013 à 14:26:52

UP...

Reply

Marsh Posté le 24-04-2013 à 16:24:43

Ton url est unique?

si oui tu n'as pas besoin du second script, moi je changerais la ligne 12 du premier script par:

Code :

if (waitTime == 0) {
window.document.getElementById('compteur').innerHTML ='<a href="non.html">Lien</a>';
}

première solution ensuite si tu tiens absolument a ton script =>

Code :

<script type="text/javascript">
window.onload = Init;
var waitTime = 5; // Temps d'attente en seconde
var x;
function Init() {
window.document.getElementById('compteur').innerHTML = waitTime;
x = window.setInterval('Decompte()', 1000);
}
function Decompte() {
((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
if (waitTime == 0) {
url_modif();
}
}
function url_modif()
{
document.getElementById('attente').style.display='none';
document.getElementById('link').style.display='block';
}
</script>
<body>
<div><p><span id='compteur'>5</span></p></div>
<div id="attente" style="display:block">Faut attendre !</div>
<div id="link" style="display:none"><a href="non.html">Lien</a></div>
</body>

Reply

Marsh Posté le 24-04-2013 à 21:10:15

Merci beaucoup, c'est exactement ce que je voulais et ça a fonctionné!

J'ai une autre question sur le CSS, pourrais-tu me dire comment mettre l'espace suivant en footer?

Code :

<div id="englobe">
<div id="gauche"><center>script1</center></div>
<div id="droite"><center>script2</center></div>
</div>
<head> <STYLE type="text/css">
<!--
Définition des styles;
-->
#englobe{width:100%; height:auto;}
#gauche{float:left;}
#droite{float:right;}
</STYLE></head>

Le rendu me convient parfaitement (je compte bien évidemment remplacer "script" par des scripts) mais je ne sais pas comment les placer en footer sur ma page...

Reply

Problème de script de compte à rebours + affichage lien

Sujets relatifs:

Leave a Replay