[JavaScript] Redirection après un compte à rebour...

Redirection après un compte à rebour... [JavaScript] - HTML/CSS - Programmation

Marsh Posté le 20-07-2005 à 17:03:50    

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 quand un code erronné est entré vous redirige après un certain nombre de seconde.
le problème, c'est que je reste bloqué après le compte à rebour.
Pourtant je suis sûr que c'est simple.
Voilà le code de la page:

Code :
  1. <html>
  2. <!-- saved from url=(0025)http://google.fr/ -->
  3. <head>
  4. <script type="text/javascript">
  5. var valeur_origine = 5;
  6. var valeur = valeur_origine
  7. var x;
  8. function Init() {
  9.  window.document.getElementById('compteur').value=valeur;
  10.  x = window.setInterval('Decompte()', 1000);
  11. }
  12. function Decompte() {
  13.  ((valeur > 0)&&( ! window.document.getElementById('MaCheck').checked)) ? (window.document.getElementById('compteur').value = --valeur) : (window.clearInterval(x));
  14. }
  15. function Relance(elem) {
  16.  if( ! elem.checked )  x= window.setInterval('Decompte()', 1000);
  17. }
  18. function ResetCompteur() {
  19.  valeur = valeur_origine;
  20.  window.document.getElementById('MaCheck').checked = false;
  21.  window.clearInterval(x)
  22.  Init();
  23. }
  24. window.onload = Init;
  25. </script>
  26. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  27. <title>Code invalide...</title>
  28. <style type="text/css">
  29. <!--
  30. .Style2 {
  31. color: #FF0000;
  32. font-size: 36px;
  33. }
  34. .Style3 {color: #000000; font-size: 12px; }
  35. .Style4 {color: #000000; font-size: 36px; }
  36. -->
  37. </style>
  38. </head>
  39. <body>
  40. <div align="center">
  41.   <p class="Style2">&nbsp;</p>
  42.   <table align="center" width="270" border="10">
  43.     <tr>
  44.       <td width="242" height="90"><div align="center"><span class="Style2">Code invalide...</span></div></td>
  45.     </tr>
  46.   </table>
  47.   <p>&nbsp;</p>
  48.   <p class="Style4">&nbsp;</p>
  49.   <p class="Style3">redirection en cours ...</p>
  50.   <p class="Style3">
  51.     <input type="checkbox" name="MaCheck" id="MaCheck" onClick="Relance(this);">
  52.   <input type="text" name="compteur" id="compteur" size="2" readonly="readonly">
  53. <input type="button" value="reset" onclick="ResetCompteur(); return false;">&nbsp;
  54.   </p>
  55. </div>
  56. </body>
  57. </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.
 
 
Un grand merci à ceux qui pourrons m'aider.  :jap:


Message édité par destroyeur04 le 20-07-2005 à 21:32:45
Reply

Marsh Posté le 20-07-2005 à 17:03:50   

Reply

Marsh Posté le 20-07-2005 à 17:22:35    

Si tu peux mettre cela en place ce sera beaucoup plus propre et accessible au plus grand nombre : http://forum.hardware.fr/hardwaref [...] 4219-1.htm

Reply

Marsh Posté le 20-07-2005 à 17:28:57    

Oui, mais je voudrais que le compte à rebour puisse être arreté et que l'on puisse y faire un reset.
 :jap:

Reply

Marsh Posté le 21-07-2005 à 14:03:44    

j'ai mis un exemple en ligne de ce que ça pourrait donner... :(
http://destroyeur045.free.fr/test/redirection.htm

Reply

Marsh Posté le 21-07-2005 à 14:20:52    

pourquoi dans ton test

Code :
  1. function Decompte()    {
  2.         ((valeur > 0)&&( ! window.document.getElementById('MaCheck').checked)) ?
  3.            (window.document.getElementById('compteur').value = --valeur) :
  4.            (window.clearInterval(x));


 
tu fais pas un truc genre  

Code :
  1. function Decompte()    {
  2.         ((valeur > 0)&&( ! window.document.getElementById('MaCheck').checked)) ?
  3.            (window.document.getElementById('compteur').value = --valeur) :
  4.             if ( window.document.getElementById('compteur').value == 0) {
  5.                   window.location.replace("monUrl.html" )
  6.             }else {
  7.               window.clearInterval(x));
  8. }
  9. }
  10. }


 
j'aime pas l'operateur ternaire, c'est super illisble :(


Message édité par fred_p le 21-07-2005 à 14:22:13
Reply

Marsh Posté le 21-07-2005 à 20:35:14    

Citation :

Etant une quiche en javascript...


tu sais, moi, à par le copier/coller et quatre truc html...
http://forum.aideonline.com/images/perso/spamafote.gif


Message édité par destroyeur04 le 21-07-2005 à 20:35:46
Reply

Marsh Posté le 22-07-2005 à 18:58:57    

ça ne marche pas...
Le décompte n'apparait plus dans la fenêtre...
 :(

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed