Réservation en ligne et calculs dynamiques

Version imprimable

12/02/2008, 12h18
vince-ewok

Réservation en ligne et calculs dynamiques

Bonjour,

Je recherche a réaliser un script de réservation en ligne.

Je m'explique, je travail pour une piscine qui souhaite faire des réservations en ligne à ses activités.
En tout il y a 14 activités avec chacune un prix différent.
Je souhaiterez que lorsque on sélectionne une ou plusieurs activités, que le prix total s'affiche dynamiquement dans un champs total sans que l'on passe par un bouton valider.
Es-ce possible a dévelloper ?
Qu'elle fonction dois je utiliser pour faire le calcul ??

Merci beaucoup
12/02/2008, 12h45
_Mac_

Bonjour, bienvenu sur le forum,

Il faut passer par du JavaScript soit pour "autoposter" le formulaire et c'est le serveur qui fait le calcul, soit faire la somme et modifier un <div> (ou autre) de la page HTML.
13/02/2008, 22h23
vince-ewok

merci

Merci beaucoup,
je vais donc fair des recherches vers le javascript.

Voila un petit exemple... il ne faut pas l'utiliser tel quel, mais
cela peut te donner une piste...

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
 
<html>
  <head>
    <script>
      var total = 0
      function ajouter () {
 
        var s = document.getElementById('choix');
        total = total + (s.value * 1);
        updateTotal();
      }
      function nouveau () {
        total = 0;
        updateTotal();
      }
      function updateTotal() {
 
        document.getElementById('totaldiv').innerHTML = total
      }
    </script>
  </head>
  <body>
 
  <select id="choix" size=4>
    <option value="10.50">activité 1 à 10.50</option>
    <option value="3.50">activité 2 à   3.50</option>
    <option value="0.50">activité 3 à   0.50</option>
    <option value="0.50">activité 4 à   0.50</option>
  </select>
  <hr>
 
  <input type ="button" onclick="ajouter()" value = "ajouter activité">
  <input type ="button" onclick="nouveau()" value="nouveau calcul">
 
    Total : <span id="totaldiv"></span>
 
  </body>
</html>