Calculer la somme et la multiplication d'un formulaire
Salut Les Gars,
Je suis développeur, mais Javascript est un casse tête pour moi. En effet, j'ai un formulaire et j'ai besoin de savoir comment faire la somme et la multiplication des prix de la soiciété. En vrai, je voudrais afficher dans un champ "TOTAL :" le total de chaque commande du client, s'il a demandé le même produits 2, 3 ou plus de fois, ou s'il a choisi le menu1 plus le menu2... Quel choisir: PHP ou Javascript ?
Voici mon code HTML:
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
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
| <title>Commande votre menu</title>
<style type="text/css">
<!--
a,label,li,h2{color:white;}
b,center,div,p,legend,td{color:orange;}
.local{position:absolute;left:740px;top:120px;}
.local1{position:absolute;left:120px;top:170px;}
.sandy{position:absolute;left:760px;top:520px;}
.suco{position:absolute;left:120px;top:600px;}
.form{position:absolute;left:140px;top:840px;}
.nombre{position:absolute;left:185px;top:1020px;}
-->
</style>
<script type="text/javascript">
function addition()
{
var ch1=new Number(document.form.form1.value);
var ch2=new Number(document.form.form2.value);
var ch3=new Number(document.form.form3.value);
var ch4=new Number(document.form.form4.value);
var ch5=new Number(document.form.form5.value);
var ch6=new Number(document.form.form6.value);
var ch7=new Number(document.form.form7.value);
var ch8=new Number(document.form.form8.value);
var ch9=new Number(document.form.form9.value);
var tt=new Number(document.form.cal_tt.value);
var total=Number(ch1+ch2+ch3+ch4+ch5+ch6+ch7+ch8+ch9+ch+cal_tt);
document.form.tt.value=total;
}
</script>
</head>
<meta name="copyright" content="copyright 15/11/2011 l'art du toast">
<meta http-equiv="content-type" content="text/html; charset="utf-8" />
<link rel="shortcut icon" type="images/x-icon" href="logo.ico">
<body style="background-color:#8B008B;"
onLoad='alert("Obs.: Les commandes en ligne son juste pour les formules !")'>
<div class="local">
<img src="pili/inter.jpg" width=100 height=150 border="2" alt="interieur" />
</div>
<div class="local1">
<img src="pili/devant.jpg" width=130 height=180 border="2" alt="chaise" />
</div>
<div class="sandy">
<img src="pili/snack4.jpg" width=100 height=150 border="2" alt="sand" />
</div>
<div class="suco">
<img src="pili/varie.jpg" width=110 height=150 border="2" alt="jus" />
</div>
<font face="Comic sans MS">
<h1 style="text-align:center;color:orange;">Votre commande en ligne</h1>
<p style="text-align:center;color:orange;">*Choisissez la formule qui vous convient*</p>
<fieldset style="width:60%;margin:auto;">
<legend>Contenu de votre choix</legend>
<ol>
<center>
<li><b>4,20€:</b> Soupe + Boisson 33 cl</li><br/>
<li><b>6,20€:</b> Soupe + Boisson 33 cl + Dessert</li><br/>
<li><b>6,90€:</b> Bagel ou Panini ou Salade + Boisson 33 cl</li><br/>
<li><b>7,50€:</b> Soupe + Bagel ou Panini ou Salade</li><br/>
<li><b>8,50€:</b> Soupe + Bagel ou Panini ou Salade + Boisson 33 cl</li><br/>
<li><b>8,90€:</b> Bagel ou Panini ou Salade + Boisson 33 cl + Dessert</li><br/>
<li><b>10,20€:</b> Soupe + Bagel ou Panini ou Salade + Boisson 33 cl + Dessert</li><br/>
<legend>*Si vous êtes étudiant (SVP: présentez votre carte d'étudiant)*</legend><br/>
<li><b>5€:</b> Panini ou Bagel (<b>Sauf GRANT</b>) + Boisson 33 cl</li><br/>
<li><b>6€:</b> Salade à composer + Boisson 33 cl</li>
</center>
</ol>
<br/>
</fieldset>
<p style="text-align:center;">*Supplément de 1€ pour le jus de fruit frais*</p>
<p style="text-align:center;">*10 formules achetées = 1 sandwich au choix offert*</p>
<br/>
<form name="form" id="formulaire" method="post" action="mailto:monmail@yahoo.com" enctype="text/plain">
<center>
<table>
<tr><td>Votre Nom:</td>
<td><input type=text
onfocus="javascript:this.value=''" name="nom" size=30 value="Votre Nom" id="nom" />
</td></tr>
<tr><td>Votre Email:</td>
<td><input type=text
onfocus="javascript:this.value=''" name="email" size=30 value="votre@mail.fr" id="mail" />
</td></tr>
<tr><td>Tél.:</td>
<td><input type=text
onfocus="javascript:this.value=''" name="tel du client" size=30 value="tel de contact" />
</td></tr>
</table>
<br/>
</center>
<h2 style="text-align:center;">Nombre des formules</h2>
<center>
<input type="checkbox" name="form1" value="4,20" onChange="addition()" />Formule 1:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form2" value="6,20" onChange="addition()" />Formule 2:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form3" value="6,90" onChange="addition()" />Formule 3:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form4" value="7,50" onChange="addition()" />Formule 4:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form5" value="8,50" onChange="addition()" />Formule 5:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
</center>
<div class="nombre">
<input type="checkbox" name="form6" value="8,90" onChange="addition()" />Formule 6:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form7" value="10,20" onChange="addition()" />Formule 7:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form8" value="5" onChange="addition()" />Formule 8:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
<input type="checkbox" name="form9" value="6" onChange="addition()" />Formule 9:
<select name="quantite">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2x</option>
<option value="3">3x</option>
<option value="4">4x</option>
<option value="5">5x</option>
</select>
</div>
<br/><br/>
Total :<input name="cal_tt" type="text" id="cal_tt" size="10" onChange="addition()"/>
<br/><br/>
<center>
<input type=submit value=Envoyer /> -
<input type="button" value=Annuler />
</center>
</form>
<br/>
<center>
<a href="burak.html">Retour à l'accueil</a>
<a href="fidel.html">Carte de fidélité</a>
</center>
</font>
<br/>
</body>
</html> |
est-ce que ce possible de le faire???
Je vous remercie de votre attention
Cordialement
