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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de script de compte à rebours + affichage lien

ganymede2

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

Publicité

ganymede2

UP...

sltpaulo

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>

ganymede2

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
probleme image de fond dreamweaver MX change de taille par rapport a l	Problème de compréhension d'un bout de code
Script de recherche sans sql	Script PHP (rémunéré)
[VBS] Explication de script	Probleme avec onsubmit et window.location.href
probleme fuite de memoire	Zend Frameword - MVC - Problème avec bibliothèque FPDF
Petit probleme de batch	Problème d'accent dans un mail.php uniquement les requêtes sql
Plus de sujets relatifs à : Problème de script de compte à rebours + affichage lien

Page générée en 0.074 secondes