calcul à partir de plusieur champs et affichage du resultat dans un champ

Version imprimable

Bonjours

Mon calcul entre plusieurs champs et affichage dans un champ du resultat ne fonctionne pas. Pouvez-me corriger le code ci dessous ?

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
 
<?php
$qte_t = 400;
?>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var qte_b =1;
function calcul_pr_var(pr_var) {
 var pr_var=math.round(parseFloat(f.pr_uni.value)-(parseFloat(f.pr_uni.value)-parseFloat(f.pr_max.value))/(qte_b-parsefloat(f.qte_max.value))+((parseFloat(f.pr_uni.value)-parseFloat(f.pr_max.value))/(qte_b-parseFloat(f.qte_max.value)*parseFloat(f.qte_t.value));
    if (isNaN(pr_var)) { 
        alert("Montant incorrect"); f.pr_var.focus();
    } else {
        f.pr_var.value=pr_var;
    }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<tr><th colspan="2"><b>Calcul Prix Variant</b></th></tr>
<tr>
<td><b>Prix unitaire</b></td>
<td><input type="text" id="pr_uni" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Prix maximum</b></td>
<td><input type="text" id="pr_max" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Quantité Maximum</b></td>
<td><input type="text" id="qte_max" size="10"  value="0">€ HT</td>
</tr>
<tr>
<td><b>Quantité totale</b></td>
<td><input type="text" id="qte_t" size="10" value="<?php echo $qte_t;?>">€ HT</td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><INPUT type="button" value="&lt; Calculer > "></td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><input type="text" id="pr_var" size="10" onBlur="calcul_pr_var(this.form)" value="0">€ HT</td>
</tr>
</form>
</BODY>
</html>

23/05/2006, 12h42
jeca

Bonjour,

La fonction reçoit un paramètre incorrect.

parsefloat s'écrit parseFloat
math.round s'écrti Math.round

Et l'appel de fonction serait peut-être mieux sur le bouton, avec 'onclick', non ?

Merci pour les fautes de frappes. ca ne fonctionne toujours pas. Le calcul ne se fait pas.

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
 
<?php
$qte_t = 400;
?>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var qte_b =1;
function calcul_pr_var(pr_var) {
 var pr_var=Math.round(parseFloat(f.pr_uni.value)-(parseFloat(f.pr_uni.value)-parseFloat(f.pr_max.value))/(qte_b-parseFloat(f.qte_max.value))+((parseFloat(f.pr_uni.value)-parseFloat(f.pr_max.value))/(qte_b-parseFloat(f.qte_max.value)*parseFloat(f.qte_t.value));
    if (isNaN(pr_var)) { 
        alert("Montant incorrect"); f.pr_var.focus();
    } else {
        f.pr_var.value=pr_var;
    }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<tr><th colspan="2"><b>Calcul Prix Variant</b></th></tr>
<tr>
<td><b>Prix unitaire</b></td>
<td><input type="text" id="pr_uni" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Prix maximum</b></td>
<td><input type="text" id="pr_max" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Quantité Maximum</b></td>
<td><input type="text" id="qte_max" size="10"  value="0">€ HT</td>
</tr>
<tr>
<td><b>Quantité totale</b></td>
<td><input type="text" id="qte_t" size="10" value="<?php echo $qte_t;?>">€ HT</td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><INPUT type="button" value="&lt; Calculer > " onClick="calcul_pr_var(this.form)"></td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><input type="text" id="pr_var" size="10" onBlur="calcul_pr_var(this.form)" value="0">€ HT</td>
</tr>
</form>
</BODY>
</html>

23/05/2006, 14h25
gorgonite

pourquoi tu mets f.pr_var ?

je verrai plutôt document.getElementById("pr_var") ;)

rep

Pour simplifier j ai remplacé la longue formule mathématique par une plus courte ne prenant que deux champs.

J'ai fait ta modification mais ca ne fonctionne toujours pas.

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
 
<?php
$qte_t = 400;
?>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var qte_b =1;
function calcul_pr_var(pr_var) {
 var pr_var=Math.round(parseFloat(document.getElementById("pr_uni").value)-(parseFloat(document.getElementById("pr_uni").value)-qte_b));
    if (isNaN(pr_var)) { 
        alert("Montant incorrect"); document.getElementById("pr_var").focus();
    } else {
        document.getElementById("pr_var").value=pr_var;
    }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<tr><th colspan="2"><b>Calcul Prix Variant</b></th></tr>
<tr>
<td><b>Prix unitaire</b></td>
<td><input type="text" id="pr_uni" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Prix maximum</b></td>
<td><input type="text" id="pr_max" size="10" value="0">€ HT</td>
</tr>
 
<tr>
<td><b>Calcul</b></td>
<td><INPUT type="button" value="&lt; Calculer > " onClick="&lt; Calculer > "></td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><input type="text" id="pr_var" size="10" onBlur="calcul_pr_var(this.form)" value="0">€ HT</td>
</tr>
</form>
</BODY>
</html>

23/05/2006, 14h43
jeca

ça ne peut pas fonctionner car, je me cite :

"La fonction reçoit un paramètre incorrect."
23/05/2006, 14h49
gorgonite

pourquoi tu passes this.form... ?

mets () comme argument, dans l'appel à la fonction et dans la déclaration de la fonction...

@jeca :oops: je n'avais même pas fait gaffe
23/05/2006, 16h00
carmen256

rep

Vous pouvez me poster le code avec la bonne modif car j y arrive pas la. Désolé je suis debutant en javascript.
23/05/2006, 16h52
jeca

gorgonite => this.form est correct dans l'appel de fonction.

Mais :

Code:

function calcul_pr_var(pr_var)

ne l'est pas. Si je m'en tiens au contenu de la fonction tel qu'il était dans le 1er message, ce devrait être :

Code:

function calcul_pr_var(f)

carmen256 => Le moyen le plus sûr de ne pas rester un débutant est de fouiller et tester avec les pistes qui t'ont été donnée, pas de recevoir le code tout fait.

J'ai fait ce tu as dis mais c'est pareil cela ne fonctionne pas

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
 
<?php
$qte_t = 400;
?>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var qte_b =1;
function calcul_pr_var(f) {
 var pr_var=Math.round(parseFloat(f.pr_uni.value)-(parseFloat(f.pr_uni.value)-qte_b));
    if (isNaN(pr_var)) { 
        alert("Montant incorrect"); f.pr_var.focus();
    } else {
        f.pr_var.value=pr_var;
    }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<tr><th colspan="2"><b>Calcul Prix Variant</b></th></tr>
<tr>
<td><b>Prix unitaire</b></td>
<td><input type="text" id="pr_uni" size="10" value="0">€ HT</td>
</tr>
<tr>
<td><b>Prix maximum</b></td>
<td><input type="text" id="pr_max" size="10" value="0">€ HT</td>
</tr>
 
<tr>
<td><b>Calcul</b></td>
<td><INPUT type="button" value="&lt; Calculer > " onClick="&lt; Calculer > "></td>
</tr>
<tr>
<td><b>Prix Variant</b></td>
<td><input type="text" id="pr_var" size="10" onBlur="calcul_pr_var(this.form)" value="0">€ HT</td>
</tr>
</form>
</BODY>
</html>

rep

Le bon code c"est celui la

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<SCRIPT LANGUAGE="JavaScript">
function calcul_pr_var(f){var x1=f.pr.value;
  if (isNaN(x1)) {alert("Prix incorrect");
                  f.pr.value="";
                  f.total.value="";
                  f.pr.focus();
                  return;}
                  var x2=f.qte.value;
  if (isNaN(x2)) {alert("Quantité incorrect");
                  f.qte.value="";
                  f.total.value="";
                  f.qte.focus();
                  return;}
                  var x3=Math.round(parseFloat(x1)+parseFloat(x2));
                  f.total.value=x3;}
</SCRIPT>
</head>
 
<body>
<form>
<table border="1">
<tr><th colspan="2"><b>Calcul</b></th></tr>
<tr>
<td><b>Prix</b></td>
<td><input type="text" name="pr" size="10" value="">€ HT</td>
</tr>
<tr>
<td><b>qte</b></td>
<td><input type="text" name="qte" size="10" value="">€ HT</td>
</tr>
<tr>
<td><b>Calcul</b></td>
<td><input type="button" value="Calculer" onclick="calcul_pr_var(this.form);"></td>
</tr>
<tr>
<td><b>total</b></td>
<td><input type="text" name="total" size="10" value="" readonly="readonly">€ HT</td>
</tr>
</table>
</form>
</body>
</html>