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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1155106
destroyeur​04
viv la neige !
Posté le 20-07-2005 à 17:03:50  profilanswer
 

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
mood
Publicité
Posté le 20-07-2005 à 17:03:50  profilanswer
 

n°1155139
afbilou
pouet your life
Posté le 20-07-2005 à 17:22:35  profilanswer
 

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

n°1155147
destroyeur​04
viv la neige !
Posté le 20-07-2005 à 17:28:57  profilanswer
 

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

n°1155995
destroyeur​04
viv la neige !
Posté le 21-07-2005 à 14:03:44  profilanswer
 

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

n°1156026
fred_p
Posté le 21-07-2005 à 14:20:52  profilanswer
 

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
n°1156505
destroyeur​04
viv la neige !
Posté le 21-07-2005 à 20:35:14  profilanswer
 

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
n°1157545
destroyeur​04
viv la neige !
Posté le 22-07-2005 à 18:58:57  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Créer des variables dynamiquement en Javascript?Priorité PHP/Javascript
[NEWBIE]redirectionjavascript et fichier .js
[RESOLU]Démarrer animation en javascript[JAVASCRIPT] Envoi d'un formulaire dans un popup
Probleme menu deroulant html/css/javascript[Javascript] Petit problème de fonction
[VB] Exécution d'un ping et redirection vers un fichier log 
Plus de sujets relatifs à : [JavaScript] Redirection après un compte à rebour...


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