Script de calcul de prix

Version imprimable

Bonjour, déjà je vous précise que je n'y connais rien a Javascript et j'ai besoin de faire un script de calcul de prix, en fait c'est une page ou il y a des articles (le nombre est variable), des prix leurs sont attribués ils varient en fonction de l'article evidement et une quantitée attribuée a chaque article que le client peux modifier ca se présente a peu près donc comme ca :

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
 
<form method="POST" action="index.php" name="form1"> 
				<input type="hidden" value="2" name="nb"/> //Le nombre d'article sur la page, ici 2 mais peut augmenter ou diminuer !
<tr> 
///////////DEBUT PREMIER ARTICLE////////////
					<td> 
					4.75 &euro;
					</td> 
					<td">Qté.<br/><SELECT name="0-quantitee" onchange="calculerprix();"> //Quantitée que choisit le client.
		<OPTION VALUE="1">1</OPTION> 
		<OPTION VALUE="2">2</OPTION> 
		<OPTION VALUE="3">3</OPTION> 
		<OPTION VALUE="4">4</OPTION> 
		<OPTION VALUE="5">5</OPTION> 
		<OPTION VALUE="6">6</OPTION> 
		<OPTION VALUE="7">7</OPTION> 
		<OPTION VALUE="8">8</OPTION> 
		<OPTION VALUE="9">9</OPTION> 
		<OPTION VALUE="10">10</OPTION> 
	</SELECT> 
	<input type="hidden" value="4.75" name="0" /> //Prix de l'article.
	<input type="hidden" value="73" name="0" />  //On en as besoin mais pas pour calculer le prix.
	<br/></td> 
				</tr> 
<td> 
//////////////FIN PREMIER ARTICLE//////////////
 
/////////////DEBUT SECOND ARTICLE/////////////
					7.90 &euro;
					</td> 
					<td">Qté.<br/><SELECT name="1-quantitee" onchange="calculerprix();"> //Quantitée que choisit le client.
		<OPTION VALUE="1">1</OPTION> 
		<OPTION VALUE="2">2</OPTION> 
		<OPTION VALUE="3">3</OPTION> 
		<OPTION VALUE="4">4</OPTION> 
		<OPTION VALUE="5">5</OPTION> 
		<OPTION VALUE="6">6</OPTION> 
		<OPTION VALUE="7">7</OPTION> 
		<OPTION VALUE="8">8</OPTION> 
		<OPTION VALUE="9">9</OPTION> 
		<OPTION VALUE="10">10</OPTION> 
	</SELECT> 
	<input type="hidden" value="7.90" name="1" /> //Prix de l'article.
	<input type="hidden" value="89" name="1" />  //On en as besoin mais pas pour calculer le prix.
	<br/></td> 
				</tr>
 
//////////FIN DU SECOND ARTICLE/////////////
 
					<tr> 
				<td>Prix total des articles : <span id="prixbox">??</span> euros<br/></td> 
				</tr>

Et du coté du javascript j'ai fait ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function writediv2(texte)
     {
     document.getElementById('prixbox').innerHTML = texte;
     }
function calculerprix()
{
var prixtotal = 0;
var nbart = document.form1.nb.value-1;
while (nbart < 0) 
{
var quant1 = nbart+'-quantitee';
var quant2 = document.form1.eval(quant1).value;
var prix1 = document.form1.eval(nbart).value;
prixtotal = prixtotal + (quant2*prix1);
nbart--;
}
writediv2(prixtotal);
}

Voila donc mon code ne fonctionne pas (normal en même temps je fait jamais de javascript donc bon et j'ai pas trop le temps d'apprendre =/ ), alors j'aimerai bien un peu d'aide :)

Merci à vous !

06/02/2010, 09h31
andry.aime

Bonjour,
1- Tu ne passe pas dans la boucle.

Citation:

var nbart = document.form1.nb.value-1;
while (nbart < 0)

Citation:

<input type="hidden" value="2" name="nb"/>

2- Evite d'utiliser la valeur d'un attibut name ou id commencant par un chiffre.
3-

Citation:

var quant2 = document.form1.eval(quant1).value;

eval attend en parametre un string sous forme d'instruction javascript.

Code:

document.form1.elements[quant1].value

Merci de ton aide, alors j'ai suivi ce que t'as dit maintenant le HTML ressemble a ca :

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
 
<form method="POST" action="index.php" name="form1"> 
				<input type="hidden" value="2" name="nb"/> //Le nombre d'article sur la page, ici 2 mais peut augmenter ou diminuer !
<tr> 
///////////DEBUT PREMIER ARTICLE////////////
					<td> 
					4.75 &euro;
					</td> 
					<td">Qté.<br/><SELECT name="0-quantitee" onchange="calculerprix();"> //Quantitée que choisit le client.
		<OPTION VALUE="1">1</OPTION> 
		<OPTION VALUE="2">2</OPTION> 
		<OPTION VALUE="3">3</OPTION> 
		<OPTION VALUE="4">4</OPTION> 
		<OPTION VALUE="5">5</OPTION> 
		<OPTION VALUE="6">6</OPTION> 
		<OPTION VALUE="7">7</OPTION> 
		<OPTION VALUE="8">8</OPTION> 
		<OPTION VALUE="9">9</OPTION> 
		<OPTION VALUE="10">10</OPTION> 
	</SELECT> 
	<input type="hidden" value="4.75" name="prix-0" /> //Prix de l'article.
	<input type="hidden" value="73" name="0" />  //On en as besoin mais pas pour calculer le prix.
	<br/></td> 
				</tr> 
<td> 
//////////////FIN PREMIER ARTICLE//////////////
 
/////////////DEBUT SECOND ARTICLE/////////////
					7.90 &euro;
					</td> 
					<td">Qté.<br/><SELECT name="1-quantitee" onchange="calculerprix();"> //Quantitée que choisit le client.
		<OPTION VALUE="1">1</OPTION> 
		<OPTION VALUE="2">2</OPTION> 
		<OPTION VALUE="3">3</OPTION> 
		<OPTION VALUE="4">4</OPTION> 
		<OPTION VALUE="5">5</OPTION> 
		<OPTION VALUE="6">6</OPTION> 
		<OPTION VALUE="7">7</OPTION> 
		<OPTION VALUE="8">8</OPTION> 
		<OPTION VALUE="9">9</OPTION> 
		<OPTION VALUE="10">10</OPTION> 
	</SELECT> 
	<input type="hidden" value="7.90" name="prix-1" /> //Prix de l'article.
	<input type="hidden" value="89" name="1" />  //On en as besoin mais pas pour calculer le prix.
	<br/></td> 
				</tr>
 
//////////FIN DU SECOND ARTICLE/////////////
 
					<tr> 
				<td>Prix total des articles : <span id="prixbox">??</span> euros<br/></td> 
				</tr>

Alors j'ai juste changé pour le prix j'ai mit au lieu juste du numero pour le nom de l'input j'ai mis prix-<ici le numero>.
Et voilà le javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function writediv2(texte)
     {
     document.getElementById('prixbox').innerHTML = texte;
     }
function calculerprix()
{
var prixtotal = 0;
var nbart = document.form1.nb.value-1;
while (nbart  !< 0) 
{
var quant1 = nbart+'-quantitee';
var prix1 = nbart+'-prix';
var quant2 = document.form1.elements[quant1].value;
var prix2 = document.form1.elements[prix1].value;
prixtotal = prixtotal + (quant2*prix2);
nbart--;
}
writediv2(prixtotal);
}

Le problème c'est que ca marche toujours pas donc j'ai du me planter quelque part non ?

Merci a vous !

06/02/2010, 13h02
andry.aime

Re,
1-

Citation:

<input type="hidden" value="7.90" name="prix-1" />

Citation:

var prix1 = nbart+'-prix';

2- En declarant les variables quant1 et prix1 dans la boucle, tu feras une redeclaration.

J'ai fait ca mais ca marche toujours pas :( :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function writediv2(texte)
     {
     document.getElementById('prixbox').innerHTML = texte;
     }
function calculerprix()
{
var prixtotal = 0;
var nbart = document.form1.nb.value-1;
var quant1 = nbart+'-quantitee';
var prix1 = nbart+'-prix';
while (nbart  !< 0) 
{
quant1 = nbart+'-quantitee';
prix1 = nbart+'-prix';
var quant2 = document.form1.elements[quant1].value;
var prix2 = document.form1.elements[prix1].value;
prixtotal = prixtotal + (quant2*prix2);
nbart--;
}
writediv2(prixtotal);
}

09/02/2010, 05h45
andry.aime

Re,

Citation:

<input type="hidden" value="4.75" name="prix-0" />

Citation:

prix1 = nbart+'-prix';

Tu ne l'as pas corrige, Montres nous ton code HTML et Javascript actuel pour tous voir.