Bonjour,

Mon problème est le suivant: Je dispose d'une page avec plusieurs produits. Pour chaque produit, j'aimerais pouvoir avoir un compte à rebours.

En fait, j'ai bien une idée: créer la même fonction pour chaque produit (dynamiquement) mais j'aimerais que ça soit "propre" et avoir une fonction qui les gère tous...

J'ai déjà testé moult manières. J'y arrive pas... :/

Quelqu'un pourrait-il éclairé mes lumières? Une piste du moins... ?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
 
  PRODUIT TEST 1 <br />
  <input type="text" id="date_end1" value="2011 02 28 00 00 00" />
  <div id="countdown1" style="display:block;"></div><hr />
 PRODUIT TEST 2 <br />
  <input type="text" id="date_end2" value="2011 03 15 23 59 00" />
  <div id="countdown2" style="display:block;"></div><hr />
<br />
 
<script type="text/JavaScript">
    function Rebour(div, date_end) {
      var date1 = new Date();
      var date2 = new Date (date_end); // Date et heure de l'événement
      var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
      var n = 24 * 3600; //nombre de secondes dans un jour
      if (sec > 0) {
          j = Math.floor (sec / n);
          h = Math.floor ((sec - (j * n)) / 3600);
          mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
          sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
          div.innerHTML = + h +"h "+ mn +"min "+ sec + "s";
      }
      tRebour=setTimeout("Rebour();", 0);
    }
    var k = 1;
    for(var i=0; i < document.getElementById("productNumber").value; i++){
      k = k + i;
      ladiv = document.getElementById("countdown" + k);
      ladate = document.getElementById("date_end" + k).value;
      new Rebour(ladiv, ladate);
    }
 
</script>

Cordialement, Guillaume.