Réservation en ligne et calculs dynamiques

**vince-ewok** · 12/02/2008, 12h18

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

**_Mac_** · 12/02/2008, 12h45

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.

**vince-ewok** · 13/02/2008, 22h23

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

**oca** · 14/02/2008, 09h32

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

Code :

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
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>

Réservation en ligne et calculs dynamiques

JavaScript

Discussions similaires

Partager

Partager