Calculer la somme et la multiplication d'un formulaire

**dillinjahrj** · 15/06/2012, 22h36

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 :

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
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&euro;:</b> Soupe + Boisson 33 cl</li><br/>
<li><b>6,20&euro;:</b> Soupe + Boisson 33 cl + Dessert</li><br/>
<li><b>6,90&euro;:</b> Bagel ou Panini ou Salade + Boisson 33 cl</li><br/>
<li><b>7,50&euro;:</b> Soupe + Bagel ou Panini ou Salade</li><br/>
<li><b>8,50&euro;:</b> Soupe + Bagel ou Panini ou Salade + Boisson 33 cl</li><br/>
<li><b>8,90&euro;:</b> Bagel ou Panini ou Salade + Boisson 33 cl + Dessert</li><br/>
<li><b>10,20&euro;:</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&euro;:</b> Panini ou Bagel (<b>Sauf GRANT</b>) + Boisson 33 cl</li><br/>
<li><b>6&euro;:</b> Salade à composer + Boisson 33 cl</li>
</center>
</ol>
<br/>
</fieldset>
<p style="text-align:center;">*Supplément de 1&euro; 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>
 
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>
&nbsp;&nbsp;
<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>&nbsp;&nbsp;
<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

**Darkyl** · 16/06/2012, 00h33

Salut,

tu es développeur? pro je suppose?...
Es-tu ne connaît ni php ni javascript?

Moi qui recherche un taf dans le développement web, là je comprend plus rien...
C'est quoi être développeur alors?
Tu connais le html...

( je ne remet pas en doute tes compétences mais je demande des précisions).

Sinon, pour ta question, met le code avec les balises [code] (fait édit ton message)

Sinon je suppose que tu taf avec un WY...(je sais plus quoi) genre dreamweaver?

Sache juste que tu peut récupérer les valeurs des input avec javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(nom_input).value

pour les select

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

selectedvalue

Comme tu as récupéré tes valeurs, tu les multiplie par le prix et tu as ton renseignement.

Conseil: la valeur que tu récupères d'un edit est un string, normalement javascript sait reconnaitre le format d'utilisation, donc si tu multiplie ton string par une nombre, il devrait te donner le bon résultat mais c'est mieux de faire un parseInt(ton_string), qui convertit le string en entier.

Calculer la somme et la multiplication d'un formulaire

JavaScript

Discussions similaires

Partager

Partager