fonction de calcul

**iTouchTheSky** · 01/12/2010, 23h32

Bonjour a tous, j'ai besoin d'aide ma function calcul ne marche pas et j'ignore pourquoi..

Merci en avance pour l'aide..!

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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<html>
<head>
<title>Évaluation 3</title>
<meta http-equiv="Content-type" content = "text/html; charset=iso-8859-1"/>
<script language = "Javascript" type="text/javascript">
<!-- 
function Calcul()
{var : prix, total, Qté, i;
prix = document.form1.Prix;
total = document.form1.Total;
qté = document.form1.Qté;
for(i=1; i<=6; i++)
{
	total.value = (prix.value * qté.value).toString();
}
 
 
}
 
 
//-->
</script>
</head>
<body>
<form method="post" name="form1" id="form1" enctype="text/plain">
<table border="1px">
	<tr>
		<td width="100">
			Titre :
		</td>
 
		<td colspan="3">
			<select name="titre" id="titre" size="1">
				<option value="M">M</option>
				<option value="Mme">Mme</option>
			</select><br/>
		</td>
	</tr>
 
	<tr>
		<td width="100">
			Nom :
		</td>
 
		<td colspan="3" width="400">
			<input type="text" name="Nom"/>
		</td>
	</tr>
 
	<tr>
		<td width="100">
			Prénom :
		</td>
 
		<td colspan="3" width="400">
			<input type="text" name="Prénom"/>
		</td>
	</tr>
 
	<tr>
		<td width="100">
			Type client :
		</td>
 
		<td colspan="3" width="400">
			<input type="radio" name="type_client" id="type_client" value="20"/>Or
			<input type="radio" name="type_client" id="type_client" value="10"/>Argent	
			<input type="radio" name="type_client" id="type_client" value="5"/>Bronze		
			<input type="radio" name="type_client" id="type_client" value="0" checked />Nouveau
		</td>
	</tr>
 
	<tr>
		<td colspan="4" width="500" bgcolor="lightgray">
			<p align="center">Liste des produits</p>
		</td>
	</tr>
 
	<tr>
		<td bgcolor="lightgray" width="150">
			Produit
		</td>
 
		<td bgcolor="lightgray" width="150">
			Prix
		</td>
 
		<td bgcolor="lightgray" width="100">
			Qté
		</td>
 
		<td bgcolor="lightgray" width="100">
			Total
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Clé USB 16 go"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" id="Prix" readonly="readonly" value="56.00"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" id="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" id="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Boitier à DVD"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" readonly="readonly" value="19.95"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Souris sans fil"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" readonly="readonly" value="19.95"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Disque Dur Externe"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" readonly="readonly" value="219.39"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Ordinateur portable"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" readonly="readonly" value="1079.39"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td width="150">
			<input type="text" name="Produit" readonly="readonly" value="Clavier"/>
		</td>
 
		<td width="150">
			<input type="text" name="Prix" readonly="readonly" value="79.39"/>$
		</td>
 
		<td width="100">
			<input type="text" name="Qté" value="0" size="3" onChange="return calcul()"/>
		</td>
 
		<td width="100">
			<input type="text" name="Total" readonly="readonly" value="0" size="12"/>$
		</td>
	</tr>
 
	<tr>
		<td colspan="2">
			<p align="right">Sous-Total :</p>
		</td>
 
		<td colspan="3">
			<input type="text" name="STotal" readonly="readonly" value="0" size="30"/>
		</td>
	<tr>
 
	<tr>
		<td colspan="2">
			<p align="right">TPS(5%) :</p>
		</td>
 
		<td colspan="3">
			<input type="text" name="TPS" readonly="readonly" value="0" size="30"/>
		</td>
	<tr>
 
	<tr>
		<td colspan="2">
			<p align="right">TVQ(7.5%) :</p>
		</td>
 
		<td colspan="3">
			<input type="text" name="TVQ" readonly="readonly" value="0" size="30"/>
		</td>
	<tr>
 
	<tr>
		<td colspan="2">
			<p align="right">Total :</p>
		</td>
 
		<td colspan="3">
			<input type="text" name="TotalFinal" readonly="readonly" value="0" size="30"/>
		</td>
	<tr>
 
</table>
</form>
</body>
<html>

**RomainVALERI** · 02/12/2010, 00h39

Bonjour à toi et désolé par avance

Je voudrais prendre ce post en (mauvais

) exemple... il a deux caractéristiques, récurrentes sur le forum, et ici assez caricaturales :

- la formule clef "ça ne marche pas" : étant donné que tu postes, cette phrase ne nous apprend rien. Plus grave encore, elle occulte la vraie question "QU'EST-CE qui ne marche pas ?"

solution : décrire 1) ce qu'on attendait 2) ce qu'on a obtenu (description...)

exemple : au minimum, quelque chose comme : "un alert placé à tel endroit devrait me renvoyer telle valeur, et à la place il me dit undefined..." ou "quand je clique sur tel bouton, tel élément, qui devrait s'afficher, ne s'affiche pas", etc.

- énorme extrait de code : Non seulement nous n'avons aucune idée du problème à résoudre, mais bien entendu il faut chercher. Tu connais la fameuse expression un peu vieillotte "chercher une aiguille dans une meule de foin" ? Là, tu nous demande de chercher, un objet de la taille d'une aiguille, mais dont en plus on ignore la forme, la couleur ou toute autre caractéristique...

solution : tu dois, je suppose, connaître le problème un minimum si tu viens poster ici. Tu as sûrement essayé des solutions, tu as eu des erreurs à certains endroits, tu t'es posé des questions sur le fonctionnement de tel objet ou de telle fonction... est-ce que toutes ces connaissances ne te permetteraient pas de choisir un extrait ciblé ou deux, et de dire où en sont tes propres investigations ?

En revanche, je salue l'absence de deux autres caractéristiques pénibles très fréquentes habituellement :
1) le manque de balises CODE autour des extraits
2) du code serveur au lieu du code généré

...mais justement ce n'est pas ton cas

Allez dis-nous en un peu plus* et on va la corriger cette fonction

*d'ailleurs il y a peut-être pas loin de 50% de chances pour que tu résolves ton problème en l'expliquant... ^^ je te jure ça marche aussi bien qu'une psychanalyse

)

**RomainVALERI** · 02/12/2010, 00h42

mais bon, cela dit, ce passage me semble carrément louche :

Code javascript :

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

var : prix, total, Qté, i;

...au tout début de la fonction ^^

Qu'est-ce qu'ils font là exactement ces ":" ?

**dukej** · 02/12/2010, 00h55

Envoyé par RomainVALERI

mais bon, cela dit, ce passage me semble carrément louche :

Code javascript :

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

var : prix, total, Qté, i;

...au tout début de la fonction ^^

Qu'est-ce qu'ils font là exactement ces ":" ?

Ce que je kiffe le plus c'est le nom de la variable Qté

une variable avec un accent dans son nom. Original. On est pas sous Windev ici

Au passage il existe dans presque chaque navigateur une console d'erreur javascript, faudra parfois savoir l'ouvrir

**iTouchTheSky** · 02/12/2010, 03h05

Bon, merci des réponses et j'avou ne pas avoir trop expliqué ce qui ne marchais pas.. et pour les ":" j'avais pas vu que j'avais mit sa xD, merci..
Voilà ce que je veux faire, c'est que quand je change la valeur de Qté dans mon formulaire que le total change en conséquence en faisait : Total = Prix * Qté.. mais je n'y arrive pas..

d'abord, le onChange..on le met dans <form title=".." .... onChange="Calcul()">
ou dans chaque input où sa doit changer ?

Merci

**dukej** · 02/12/2010, 07h11

Pour que tu comprennes bien je le mets en majuscules !!!!

ON NE MET JAMAIS D'ACCENT SUR UN NOM DE VARIABLE !!!!!!

MERCI !!!!

**RomainVALERI** · 02/12/2010, 09h22

Envoyé par dukej

Pour que tu comprennes bien je le mets en majuscules !!!!

ON NE MET JAMAIS D'ACCENT SUR UN NOM DE VARIABLE !!!!!!

MERCI !!!!

Je sais que certaines erreurs sont énervantes, mais là je crois quand même qu'il faut se détendre un peu

@TouchTheSky : cela dit, dukej a raison, remplace le nom de cette variable pour commencer sinon on va pas s'en sortir

d'abord, le onChange..on le met dans <form title=".." .... onChange="Calcul()">
ou dans chaque input où sa doit changer ?

Place ta fonction de calcul sur le gestionnaire "onchange" de chaque élément qui intervient dans la formule, oui.

**RomainVALERI** · 02/12/2010, 09h37

et en passant :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
function Calcul() {
	var prix, total, quantite;
	prix = document.form1.Prix;
	total = document.form1.Total;
	quantite = document.form1.Qte;// j'ai changé ici mais attention : corriger aussi le "name" de l'élément dans le HTML
	for( var i = 1; i <= 6; i++) {// pourquoi 6 ? oO
	   total.value = (prix.value * quantite.value).toString();
	   // prix.value et qte.value sont des chaines : pas de multiplication avant de les parser ^^
	   // voir parseInt() ou parseFloat()
	}
}

**SpaceFrog** · 02/12/2010, 10h06

syntaxe laxiste ^^

Code :

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

1
2
prix = document.form1.Prix;
	total = document.form1.Total;

**iTouchTheSky** · 02/12/2010, 13h34

Bon, j'ai changer ma variable..

Envoyé par RomainVALERI

et en passant :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
function Calcul() {
	var prix, total, quantite;
	prix = document.form1.Prix;
	total = document.form1.Total;
	quantite = document.form1.Qte;// j'ai changé ici mais attention : corriger aussi le "name" de l'élément dans le HTML
	for( var i = 1; i <= 6; i++) {// pourquoi 6 ? oO
	   total.value = (prix.value * quantite.value).toString();
	   // prix.value et qte.value sont des chaines : pas de multiplication avant de les parser ^^
	   // voir parseInt() ou parseFloat()
	}
}

le "6", c'est parce qu'au tous les champs(prix, quantite, total) porte le même nom, donc je voulais m'assurer que sa se fasse sur tous les champs, mais si on apelle la function dans chaque élément, j'imagine que je n'en n'ai plus de besoin..

Pour les "parser", je n'ai jamais entendu parler de sa et je ne sais pas si je peux les utilisés, comme c'est un travail que j'ai à remettre et qu'on a pas appris cela en classe..

Envoyé par SpaceFrog

syntaxe laxiste ^^

Code :

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

1
2
prix = document.form1.Prix;
	total = document.form1.Total;

syntaxe laxiste ?

**SpaceFrog** · 02/12/2010, 13h43

Syntaxe rigoureuse

Code :

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

prix = document.forms['form1'].elements['Prix'];

**iTouchTheSky** · 02/12/2010, 13h47

Envoyé par SpaceFrog

Syntaxe rigoureuse

Code :

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

prix = document.forms['form1'].elements['Prix'];

sa ne marche pas de ma manière ? Je commence à croire que mon professeur ne nous apprends pas grand chose..

sinon j'avais essayé.. :

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
function Calcul()
{var prix, total, quantite;
var i = 0;
//prix = document.form1.Prix;
prix = parseFloat(document.getElementByName('Prix').value); 
//total = document.form1.Total;
total = parseFloat(document.getElementByName('Total').value); 
//quantite = document.form1.quantite;
quantite = parseInt(document.getElementByName('quantite').value); 
 
total = (prix * quantite);
 
 
 
}

**SpaceFrog** · 02/12/2010, 13h49

getElementsByName retourne une collection ...

Code :

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

prix = parseFloat(document.getElementsByName('Prix')[0].value);

[edit]

+s [/edit]

**iTouchTheSky** · 02/12/2010, 13h58

Bon, j'ai essayé ceci alors :

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
function Calcul()
{var prix, total, quantite;
var i = 0;
//prix = document.form1.Prix;
for(i = 0; i <= 5; i++)
{prix = parseFloat(document.getElementByName('Prix')[i].value);
//total = document.form1.Total;
total = parseFloat(document.getElementByName('Total')[i].value); 
//quantite = document.form1.quantite;
quantite = parseInt(document.getElementByName('quantite')[i].value); 
 
total = (prix * quantite);
}
 
 
}

**Bovino** · 02/12/2010, 14h02

Code :

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

document.getElementsByName()

**iTouchTheSky** · 02/12/2010, 14h05

Envoyé par Bovino

Code :

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

document.getElementsByName()

d'accord, mais bon j'obtiens toujours rien dans total, mais bon, merci de l'aide, je crois que je vais demander à ma prof, j'y vais dans 5 minutes, donc...

**SpaceFrog** · 02/12/2010, 14h23

sans doute le tableau qui masque ?

Code :

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

teste avec un alert(document.getElementsqByNam('Prix').length)

**iTouchTheSky** · 02/12/2010, 14h48

Bon, je viens de faire des alert sur Prix, Quantite et Total sur chaque éléments de la liste et tous les trucs sont corrects..Cependant, je ne trouve pas comment affecter le résultat a mon champs "Total"..

**SpaceFrog** · 02/12/2010, 14h56

tu sais mettre la main sur l'objet pour en recupérer la valeur mais pas l'attribuer ?

**iTouchTheSky** · 03/12/2010, 02h51

ouais, mais j'ai réussi, je vais continuer mon code, car j'ai loin d'avoir fini et je vais revenir si j'ai besoin d'aide, merci à tous !

fonction de calcul

JavaScript

Discussions similaires

Partager

Partager