realisation d'une facture sous forme de formulaire avec javascript

**ymans22** · 17/07/2010, 00h51

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 :

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
<!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>

**emmanuel.remy** · 17/07/2010, 09h10

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 :

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

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

**Auteur** · 17/07/2010, 09h22

bonjour,

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

Code :

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

1
2
 
q=(1*parseFloat(x.value));

en effet, les champs des éléments input sont des chaines de caractères.

**ymans22** · 17/07/2010, 12h42

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.