fonction de calcul

Version imprimable

fonction de calcul

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:

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>

02/12/2010, 00h39
RomainVALERI

Bonjour à toi et désolé par avance :oops:

Je voudrais prendre ce post en (mauvais :scarymov:) 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... :calim2:

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

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 :aie:)
02/12/2010, 00h42
RomainVALERI

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

Code:

var : prix, total, Qté, i;

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

Qu'est-ce qu'ils font là exactement ces ":" ? :?
02/12/2010, 00h55
dukej

Citation:

Envoyé par RomainVALERI

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

Code:

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é :D
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 :)
02/12/2010, 03h05
iTouchTheSky

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
02/12/2010, 07h11
dukej

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

Citation:

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

MERCI !!!!
02/12/2010, 09h22
RomainVALERI

Citation:

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

Citation:

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. :)

et en passant :

Code:

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()
	}
}

syntaxe laxiste ^^

Code:

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

Bon, j'ai changer ma variable..
Citation:
Envoyé par RomainVALERI
et en passant :
Code:

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..
Citation:
Envoyé par SpaceFrog
syntaxe laxiste ^^
Code:

1 2 prix = document.form1.Prix; total = document.form1.Total;
syntaxe laxiste ?

02/12/2010, 13h43
SpaceFrog

Syntaxe rigoureuse

Code:

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

Citation:

Envoyé par SpaceFrog

Syntaxe rigoureuse

Code:

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:

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); }

02/12/2010, 13h49
SpaceFrog

getElementsByName retourne une collection ...

Code:

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

[edit] :oops: +s [/edit]

Bon, j'ai essayé ceci alors :

Code:

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);
}
 
 
}

02/12/2010, 14h02
Bovino

Code:

document.getElementsByName()
02/12/2010, 14h05
iTouchTheSky

Citation:

Envoyé par Bovino

Code:

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... :roll:
02/12/2010, 14h23
SpaceFrog

sans doute le tableau qui masque ?

Code:

teste avec un alert(document.getElementsqByNam('Prix').length)
02/12/2010, 14h48
iTouchTheSky

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".. :lol:
02/12/2010, 14h56
SpaceFrog

tu sais mettre la main sur l'objet pour en recupérer la valeur mais pas l'attribuer ?
03/12/2010, 02h51
iTouchTheSky

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 !