Formulaire calcul Prix TTC

**linuxien_62** · 18/06/2013, 10h26

Bonjour,

J'ai une question toute gentille pour vous je pense mais qui me rendrait service.

J'ai un formulaire dans lequel je fais saisir un prix HT. Hors pour l'heure il faut que l'utilisateur remplisse aussi à la main le prix en TTC.

Ce que j'aimerais c'est que lorsque l'utilisateur saisi le prix HT, le champ TTC est remplit après un calcul avec la TVA 19.6 d'appliqué.

Je vous mets le formulaire en question. (J'utilise le model MVC, en JEE même si je pense que ça n'ai pas utile de le préciser car à mon avis c'est du côté JSP "VUE" qu'il va falloir se pencher à mon avis...)

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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
  <form id="formAjoutArticle" name="formAjoutArticle" method="post" action="ajouter_article">
          <p style="color: red">${formArticle.erreurs['numero_serie_article']}</p>
          <label for="numero_rma">
          <div align="justify">numRMA <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="numero_rma" id="numero_rma" tabindex="0" />
          </div>
          <label for="numero_serie_article">
          <div align="justify">numeroSérie <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="numero_serie_article" id="numero_serie_article" tabindex="1" />  
          </div>
 
          <label for="date_achat_brut_article">
          <div align="justify">dâteAchatBrut <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="date_achat_brut_article" id="date_achat_brut_article" tabindex="2" />  
          </div>
          <label for="code_fournisseur_article">
          <div align="justify">codeFournisseur <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="code_fournisseur_article" id="code_fournisseur_article" tabindex="3" />  
          </div>
          <label for="code_magasin_article">
          <div align="justify">codeMagasin <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="code_magasin_article" id="code_magasin_article" tabindex="4" />  
          </div>
          <label for="prix_achat_ht_article">
          <div align="justify">prixAchatHT <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="prix_achat_ht_article" id="prix_achat_ht_article" tabindex="5" />  
          </div>
          <label for="prix_vente_article">
          <div align="justify">prixVenteHT <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="prix_vente_article" id="prix_vente_article" tabindex="6" />  
          </div>
          <label for="categorie_article">
          <div align="justify">catégorie <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <select name="categorie_article" id="categorie_article" tabindex="7">
            	<option value="0">Aucun</option>
    			<c:forEach var="resultatCategorieArticle" items="${requestScope['ATT_CATEGORIE_ARTICLE']}">
    		 	<option value="${resultatCategorieArticle.id_categorie}"> ${resultatCategorieArticle.nom_categorie}</option>
    			</c:forEach>
 
            </select>
          </div>
          <label for="designation_article">
          <div align="justify">désignation <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <textarea name="designation_article" id="designation_article" cols="45" rows="5" tabindex="8"></textarea>
          </div>
          <label for="label">
          <div align="justify">prixVenteTTC<em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="prix_vente_article_ttc" id="label" tabindex="9" /> 
            <label for="enregistrer_article"></label>
            <p>&nbsp;            </p>
            <p align="center">
              <input type="submit" name="enregistrer_article" id="enregistrer_article" value="Enregistrer" tabindex="6" />
            </p>
            <p>${formArticle.resultat}</p>
          </div>
        </form>

**ludomacho** · 18/06/2013, 22h56

Bonjour,

Un petit coup de javaScript me parait être la bonne solution

**DevServlet** · 19/06/2013, 09h38

Bonjour,
Pour faire court,

Code :

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

 <input type="text" name="prix_achat_ht_article" id="prix_achat_ht_article" tabindex="5" onblur="javascript:document.getElementById('prix_vente_article').value=this.value*TVA;"/>

Pour moi ce champ calculé devrait un simple libellé plutot qu'un champ en saisie libre. A moins qu'il soit autorisé à l'utilsateur de saisir directement le prix TTC afin qu'on calcule automatiquement le prix HT.

**linuxien_62** · 19/06/2013, 14h43

Bonjour,

Merci pour vos réponse, en effet je compte mettre le champ de saisi Prix TTC, en simple libellé. J'avais mis en champ de saisi afin de pouvoir faire mes tests durant le développement.

Je test ça. Et si cela fonctionne je mets en résolu.

**linuxien_62** · 27/06/2013, 12h13

j'ai fait ça et ca ne marche pas quand je perds le focus du champ prix_vente_article le champ TTC ne se mets pas à jour.

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
   <div align="justify">prix Vente HT <em style="color: red">*</em></div>
          </label>
          <div align="justify">
          <input type="text" name="prix_vente_article" id="prix_vente_article" tabindex="8" onblur="javascript:document.getElementById('prix_vente_article_ttc').value=this.value*1.196;"/>
         <!--  <input type="text" name="prix_vente_article" id="prix_vente_article" tabindex="8" />  --> 
          </div>
          <label for="categorie_article">
          <div align="justify">catégorie <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <select name="categorie_article" id="categorie_article" tabindex="9">
            	<option value="0">Aucun</option>
    			<c:forEach var="resultatCategorieArticle" items="${requestScope['ATT_CATEGORIE_ARTICLE']}">
    		 	<option value="${resultatCategorieArticle.id_categorie}"> ${resultatCategorieArticle.nom_categorie}</option>
    			</c:forEach>
 
            </select>
          </div>
          <label for="designation_article">
          <div align="justify">désignation <em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <textarea name="designation_article" id="designation_article" cols="45" rows="5" tabindex="10"></textarea>
          </div>
          <label for="label">
          <div align="justify">prix Vente TTC<em style="color: red">*</em></div>
          </label>
          <div align="justify">
            <input type="text" name="prix_vente_article_ttc" id="label" tabindex="11" /> 
            <label for="enregistrer_article"></label>
            <p>&nbsp;            </p>
            <p align="center">
              <input type="submit" name="enregistrer_article" id="enregistrer_article" value="Enregistrer" tabindex="12" />
            </p>
            <p>${formArticle.resultat}</p>
          </div>

HELP plz :'(