realisation d'une facture sous forme de formulaire avec javascript

Version imprimable

Bonjour, je travaille sur une facture sous forme de formulaire et j'aimerais utiliser JavaScript pour que les champs ce calcul automatiquement.

j'ai comme champs :

quantité
prix unitaire
prix globale
hors taxe
tva20%
TTC
je veux que lorsque la quantité et le prix unitaire son entrer le calcul des autres champs se fassent.

prix global= quantité * prix unitaire
hors taxe= prix global/1,2
tva20%= hors taxe*0,2
TTC = hors taxe+tva20%

le script que j'utilise ne fonctionne pas je n'arrive pas a trouver d'où vient le souci.
merci bien de m'aider
le code est 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
49
50
51
52
53
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
 
<script language="javascript">
function calcul(qte,pu,global,ht,tva,ttc)
{ 
x=document.getElementById(qte);q=(1*x.value); // la quantité
x=document.getElementById(pu);u=(1*x.value); // le prix unitaire
x=document.getElementById(global);g=(1*x.value); // le prix global
x=document.getElementById(ht);h=(1*x.value); // le prix hors taxe
x=document.getElementById(tva);t=(1*x.value); // la tva
x=document.getElementById(ttc);c=(1*x.value); // le prix ttc
 
 
// les frais de port (boucle car bouton radio)
 
m=(q*(1+u))+f; // On calcule
x=document.getElementById(global);x.value=m; // On affecte
 
n=(g/(1+1,2))+f; // On calcule
x=document.getElementById(ht);x.value=n; // On affecte
 
o=(h*(1+1,2))+f; // On calcule
x=document.getElementById(tva);x.value=o; // On affecte
 
v=(h*(1+t))+f; // On calcule
x=document.getElementById(ttc);x.value=v; // On affecte
 
 
 
 
}
</script>
 
 
</head>
 
<body>
<form name="frm">
quantité: <input type="text" name="qte" id="qte" onblur="calcul('qte','pu','global','ht','tva','ttc')" value="0" />
prix unitaire: <input type="text" name="pu" id="pu" onblur="calcul('qte','pu','global','ht','tva','ttc')" value="0" />
prix global: <input type="text" name="global" id="global"  readonly="true" />
hors taxe: <input type="text" name="ht" id="ht" onblur="calcul('qte','pu','global','ht','tva','ttc')" value="0" />
tva20%: <input type="text" name="tva" id="tva" onblur="calcul('qte','pu','global','ht','tva','ttc')" value="0" />
TTC: <input type="text" name="ttc" id="ttc" onblur="calcul('qte','pu','global','ht','tva','ttc')" value="0" />
 
 
</form>
</body>
</html>

17/07/2010, 09h10
emmanuel.remy
Salut,

Sans rentrer dans le détail de tes calculs on voit déjà que tu as ni créé ni affecté de variable f. Ensuite attention dans tes calculs, n'utilise pas la virgule, mais plutôt le point.
Code:

1 2 3 4 5 6 7 8 ... m=(q*(1+u))+f; // On calcule x=document.getElementById(global);x.value=m; // On affecte n=(g/(1+1,2))+f; // On calcule x=document.getElementById(ht);x.value=n; // On affecte ...
ERE
17/07/2010, 09h22
Auteur
bonjour,

tu dois également convertir les value de chaque élément en nombres réels :
Code:

1 2 q=(1*parseFloat(x.value));
en effet, les champs des éléments input sont des chaines de caractères.
17/07/2010, 12h42
ymans22

bonjour,

pour la conversion c'est compris.

concernant emmanuel.remy

Sans rentrer dans le détail de tes calculs on voit déjà que tu as ni créé ni affecté de variable f. Ensuite attention dans tes calculs, n'utilise pas la virgule, mais plutôt le point.

je comprend bien le message mais:

je me suis inspiré d'un code qui n'avait pas créé ni affecté de variable f si je dois le faire je me demande comment faire.

et pour les virgule je n'en ai pas ituliser.
merci de me montré un exemple.
20/07/2010, 00h09
emmanuel.remy

Salut,

Je dis juste que:

Code:

m=(q*(1+u))+f; // On calcule

fait référence à une variable f qui n'a pas été créée ou affectée au préalable.

Pour la virgule:

Code:

n=(g/(1+1,2))+f;

ERE