Faire apparaitre un <button> à la fin d'un countdown js

Version imprimable

Bonjour :)

Je suis en train de coder un petit script de téléchargement en php et, étant une buse intersidérale en javascript, j'aurais besoin de votre aide pour réaliser cette chose toute simple:

Faire apparaitre un bouton de type submit (ainsi qu'un petit texte ou autre si besoin), à la fin d'un compte à rebours. Celui-ci remplacerait le countdown en lui-même.

Voilà le countdown tout simple que j'utilise (trouvé sur le net):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <head> <SCRIPT LANGUAGE="JavaScript"> var g_iCount = new Number(); // CHANGER LE NOMBRE(15) ET AJOUTER UN(16) var g_iCount = 11; function startCountdown(){ if((g_iCount - 1) >= 0){ g_iCount = g_iCount - 1; numberCountdown.innerText = '' + g_iCount; setTimeout('startCountdown()',1000); } } </script> <head> <body onLoad="startCountdown()"> <div align="center" id="numberCountdown"></div> </body> </html>
Je suis sur que ma requète sera très simple à résoudre pour vous, mais sur ce coup j'assume ma noob-attitude :yaisse2:... donc, comment faire pour que le compte à rebours, une fois arrivé à 0, soit remplacé par mon bouton ou tout autre texte?

Merci d'avance pour votre aide ;)

bonjour,

un exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<style type="text/css">
<!--
#formulaire{
 display: none;
}

-->
</style>
 
 
<script type="text/javascript">
<!--
var g_iCount = 11;
function startCountdown()
{
       if ((g_iCount - 1) >= 0)
       {
               g_iCount = g_iCount - 1;
               document.getElementById("numberCountdown").innerHTML = g_iCount;
               setTimeout("startCountdown()","1000");
       }
       else
       {
        document.getElementById("numberCountdown").style.display = "none";
        document.getElementById("formulaire").style.display = "block";
       }
}
//-->
</script>
 
</head>
 
<body onload="startCountdown()">

<div style="text-align: center" id="numberCountdown"></div>

<form action="" id="formulaire">
  <div>
    <span> ton texte</span>
    
    <input type="submit" />
  </div>
</form>

</body>

</html>

06/10/2008, 22h38
Praxid

Merci pour cette réponse rapide, claire et... efficace!

C'est exactement ce que je voulais, et c'est vraiment simple en plus, j'aurai appris quelque chose :)

Thx

bonjour. Desolé de reveiller le sujet.
J'ai mis en place un coundow js. il fonctionne en manuel, c'est à dire je modifie les date à lamain. Mais lorsque j'essaie de les modifier en recuperant les valeur d'un input php, ça ne donne plus.

voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 <input type="hidden" name="mois1" value="'.$moisi.'">// rempli par sql... echo'<div id="count_down_container1"></div><script type="text/javascript"> var mois = document.getElementsByName("mois1").value var currentyear = new Date().getFullYear() var target_date = new cdtime("count_down_container1", ""+mois+" 25, "+currentyear+" 0:0:00") target_date.displaycountdown("days", displayCountDown) </script>
Alors, je ne comprends pas pourquoi la variable mois du code js n'est pas reconnu.
Merci de m'aider s'il vous plait, je bloque!

10/08/2009, 08h28
andry.aime

Bonjour,
1 - Le code HTML généré est beaucoup plus lisible pour chercher l'erreur Javascript.
2 - getElementsByName retourne un tableau, donc tu dois préciser l'indice.

Code:

var mois = document.getElementsByName("mois1")[0].value;
10/08/2009, 10h54
zoutigo

parfait, ça m'a débloqué en deux secondes. Merci beaucoup.