Bonjour à tous ,
J'ai commencé le développement de mon application pour le calcul de la somme d'une commande d'un client avec un couple produit/quantité, mais je me suis bloqué dans un truc qui parait simple mais j'arrive pas a le faire en fait je veux additionner le total affiché d'un produit avec les autre ( produit1* Qté1 + Pdt2*Qté2 + ainsi de suite ..)
l'application maintenant affiche le total pour un seul choix de produit et efface le dernier je veux afficher le total de façon a garder tout les produits selectionner pour vous mettre dans le cadre voilà un lien pour mon apps www.securitesanscompromis.com/appsec/index.php
Et aussi voilà mon code complet
PS: Cliquez sur la cercle orangé numero 1 pour tester
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
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Apps</title> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/jquery-ui.css"> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery-ui.min.js"></script> </head> <body> <div class="container"> <div class="mainbox"> <h1 style="color:#F5520C">Application securité MIG </h1> <h2></h2> <div class="switch a"><a href="#" id="a" title="Centrale transmetteur telephonique">1</a></div> <div class="switch b"><a href="#" id="b" title="Sirène intérieur">2</a></div> <div class="switch c"><a href="#" id="c" title="Sirène extérieur avec flash">3</a></div> <div class="switch d"><a href="#" id="d" title="Caméra de levée de doute">4</a></div> <div class="switch e"><a href="#" id="e" title="Détecteurs de mouvement">5</a></div> <div class="switch f"><a href="#" id="f" title="Détecteur d'ouverture">6</a></div> <div class="switch g"><a href="#" id="g" title="Détecteur de fumée">7</a></div> <div class="switch h"><a href="#" id="h" title="Télécommande">8</a></div> <div class="switch i"><a href="#" id="i" title="Clavier LCD avec lecteur de badge">9</a></div> </div> <div class="counter"> <table> <tr> <th>Total approximatif</th> </tr> <tr> <td id="result">0 DT</td> </tr> </table> <div class="buy"> <a href="http://www.securitesanscompromis.com/devis_securite.php" class="button" style="width: 100px;">Passer votre devis</a> </div> </div> </div> <div id="form-a" style="display:none;"> <form action="#";> <table> <tr> <td id="name_form">Centrale transmetteur téléphonique</td> </tr> <tr> <th>Prix</th> <td><span id="price">12</span></td> </tr> <tr> <th>Quantité</th> <td><input type="text" id="quantity"></td> </tr> <tr> <td colspan="2"><br><button id="add-order" title="Ajouter ce produit à la carte">Ajouter</button><button id="cancel-order" title="Annuler article & vider la Carte">Annuler</button></td> </tr> </table> </form> </div> <div id="form-b" style="display:none;"> <form action="#";> <table> <tr> <td id="name_form">Sirène externe</td> </tr> <tr> <th>Prix</th> <td><span id="price2">10</span></td> </tr> <tr> <th>Quantité</th> <td><input type="text" id="quantity2"></td> </tr> <tr> <td colspan="2"><br><button id="add-order2" title="Ajouter ce produit à la carte">Ajouter</button><button id="cancel-order2" title="Annuler article & vider la Carte">Annuler</button></td> </tr> </table> </form> </div> </div> <script type="text/javascript"> </script> </body> </html>Merci de votre aide, si vous avez un autre code je suis prenante aussi .
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
39
40
41
42 $(document).ready(function(){ $('#a').click(function(){ $('#form-a').dialog({modal:true}); }); }); $(function() { $( document ).tooltip(); }); $("#cancel-order").click(function() { document.getElementById("result").innerHTML = "0"; document.getElementById("quantity").value = "0"; $("#form-a").dialog("Fermer"); }); $("#add-order").click(function() { var price = document.getElementById('price').innerHTML; var quantity = document.getElementById("quantity").value; var total = price * quantity; var totals = total + "DT"; document.getElementById("result").innerHTML = totals; $("#form-a").dialog("Fermer"); }); $(document).ready(function(){ $('#b').click(function(){ $('#form-b').dialog({modal:true}); }); }); $(function() { $( document ).tooltip(); }); $("#cancel-order2").click(function() { document.getElementById("result").innerHTML = "0"; document.getElementById("quantity2").value = "0"; $("#form-b").dialog("Fermer"); }); $("#add-order2").click(function() { var price = document.getElementById('price2').innerHTML; var quantity = document.getElementById("quantity2").value; var total = price * quantity; var totals = total + "DT"; document.getElementById("result").innerHTML = totals; $("#form-b").dialog("Fermer"); });
je suis perdu et je dois faire la livraison dans 2 jours
Partager