Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2097 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2187038
ganymede2
Posté le 22-04-2013 à 17:54:46  profilanswer
 

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 :
  1. <script type="text/javascript">
  2.             window.onload = Init;
  3.             var waitTime = 5; // Temps d'attente en seconde
  4.             var x;
  5.             function Init() {
  6.                     window.document.getElementById('compteur').innerHTML = waitTime;
  7.                     x = window.setInterval('Decompte()', 1000);
  8.             }
  9.             function Decompte() {
  10.                     ((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
  11.                     if (waitTime == 0) {
  12.                             window.location = url;
  13.                     }
  14.             }
  15.     </script>
  16.     <div><p><span id='compteur'>5</span></p></div>


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

Code :
  1. <SCRIPT language="JavaScript">
  2.     function chargement()
  3.     {
  4.     setTimeout("url_modif()",5000);
  5.     }
  6.     function url_modif()
  7.     {
  8.     document.getElementById('attente').style.display='none';
  9.     document.getElementById('link').style.display='block';
  10.     }
  11.     </SCRIPT>
  12.     <body onload="chargement();">
  13.     <div id="attente" style="display:block">Faut attendre !</div>
  14.     <div id="link" style="display:none"><a href="non.html">Lien</a></div>
  15.     </body>


 
Merci pour vos éventuelles réponses...


Message édité par ganymede2 le 22-04-2013 à 17:55:42
mood
Publicité
Posté le 22-04-2013 à 17:54:46  profilanswer
 

n°2187392
ganymede2
Posté le 24-04-2013 à 14:26:52  profilanswer
 

UP...

n°2187417
sltpaulo
Posté le 24-04-2013 à 16:24:43  profilanswer
 

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 :
  1. if (waitTime == 0) {
  2.     window.document.getElementById('compteur').innerHTML ='<a href="non.html">Lien</a>';
  3. }


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

Code :
  1. <script type="text/javascript">
  2.                 window.onload = Init;
  3.                 var waitTime = 5; // Temps d'attente en seconde
  4.                 var x;
  5.                 function Init() {
  6.                         window.document.getElementById('compteur').innerHTML = waitTime;
  7.                         x = window.setInterval('Decompte()', 1000);
  8.                 }
  9.                 function Decompte() {
  10.                         ((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
  11.                         if (waitTime == 0) {
  12.                                 url_modif();
  13.                         }
  14.                 }
  15.         function url_modif()
  16.         {
  17.              document.getElementById('attente').style.display='none';
  18.              document.getElementById('link').style.display='block';
  19.         }
  20.         </script>
  21.         <body>
  22.         <div><p><span id='compteur'>5</span></p></div>
  23.         <div id="attente" style="display:block">Faut attendre !</div>
  24.         <div id="link" style="display:none"><a href="non.html">Lien</a></div>
  25.         </body>

n°2187467
ganymede2
Posté le 24-04-2013 à 21:10:15  profilanswer
 

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 :
  1. <div id="englobe">
  2. <div id="gauche"><center>script1</center></div>
  3. <div id="droite"><center>script2</center></div>
  4. </div>
  5. <head>  <STYLE type="text/css">
  6.   <!--
  7.   Définition des styles;
  8.   -->
  9. #englobe{width:100%; height:auto;}
  10. #gauche{float:left;}
  11. #droite{float:right;}
  12.   </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...


Aller à :
Ajouter une réponse
  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 lProblème de compréhension d'un bout de code
Script de recherche sans sqlScript PHP (rémunéré)
[VBS] Explication de script Probleme avec onsubmit et window.location.href
probleme fuite de memoireZend Frameword - MVC - Problème avec bibliothèque FPDF
Petit probleme de batchProblè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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR