actualisation total = prix *qté

Version imprimable

29/04/2008, 10h13
cutpeter56

actualisation total = prix *qté

Bonjour à tous,

J'ai créer un formulaire HTML d'achat de matériel sur lequel il est possible de choisir la quantité des produits que l'on veut acquérir.

Il y a donc un tableau avec plusieurs matériels, le Prix Unitaire, une liste déroulante quantité, et le Total d'une ligne. En bas, il y a le TOTAL de la commande.

J'ai donc un calcul en php pour le total d'une ligne et de même pour le TOTAL de la commande, je souhaiterais que ces 2 variables s'actualisent directement après la sélection d'un quantité dans mon tableau.

J'espère avoir été clair. N'hésitez pas à me contacter pour toute question.
Merci.
Pierre
29/04/2008, 10h16
SpaceFrog

Une petite recherche avant de poster ?

http://www.developpez.net/forums/sho...d.php?t=535726
29/04/2008, 10h32
cutpeter56

merci beaucoup.

Je suis assez limité en Javascript.
Je ne comprend donc pas sur le dernier post où on doit mettre les :0 qu'il manque.

:oops:
29/04/2008, 10h34
SpaceFrog

ils ne manquent pas dans l'exemple que j'ai donné !
29/04/2008, 10h54
cutpeter56

autant pour moi, j'avais pas fait attention... :aie:

Bon je me penche dessus car ça ne marche pas...
29/04/2008, 10h55
SpaceFrog

montre nous ton code html et le script ...

ben pour l'instant j'ai juste repris le code proposé dans les posts du sujet sur le forum...que j'intégrerais quand ça fonctionnera.

donc ça donne ça :

[QUOTE]ben pour l'instant j'ai juste repris le code proposé dans les posts du sujet sur le forum...que j'intégrerais quand ça fonctionnera.

donc ça donne ça (PJ)

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
<script type="text/javascript">
function ChangePT1()
{
var Qt=(document.FormFacture.EditQt1.value.length>0)?parseFloat(document.FormFacture.EditQt1.value):0;
var PU=(document.FormFacture.EditPU1.value.length>0)parseFloat(document.FormFacture.EditPU1.value):0;
var PT=Qt*PU;
document.FormFacture.EDitPT1.value=(PT>0)?PT:'';
var total1=parseFloat(document.forms['FormFacture'].elements['total1'].value);
var total2=parseFloat(document.forms['FormFacture'].elements['total2'].value);
var totalG=total1+total2;
document.forms['FormFacture'].elements['total'].value=totalG;
 
 
}
function ChangePT1()
{
var Qt2=(document.FormFacture.EditQt2.value.length>0)?parseFloat(document.forms['FormFacture'].elements['EditQt2'].value);
var PU2=(document.FormFacture.EditPU2.value.length>0)?parseFloat(document.forms['FormFacture'].elements['EditPU2'].value);
var PT2=Qt2*PU2;
document.forms['FormFacture'].elements['EditPT2'].value=PT2;
var total1=(document.FormFacture.total1.value.length>0)?parseFloat(document.forms['FormFacture'].elements['total1'].value);
var total2=(document.FormFacture.total2.value.length>0)?parseFloat(document.forms['FormFacture'].elements['total2'].value);
var totalG=total1+total2;
document.forms['FormFacture'].elements['total'].value=totalG;
 
 
}
 
</script>
<form name="FormFacture">
<table width="700" border="1">
  <tr>
     <td width="70" align="center"><input name="EditRef1" type="text" style="width:66px;" /></td>
    <td width="370" align="center"><input name="EditLibelle1" type="text" style="width:341px;" /></td>
    <td width="60" align="center"><input name="EditQt1" type="text" style="width:56px;" onblur="ChangePt()"/></td>
    <td width="100" align="center"><input name="EditPU1" type="text" style="width:92px;" onblur="ChangePt()"/></td>
    <td width="100" align="center"><input name="EDitPT1" type="text" style="width:92px;" /></td>
</tr>
 
</table>
</form>

29/04/2008, 11h05
SpaceFrog

Ben deux fois la même focntion ???

et en plus elle n'est jamais appelée ...

En effet, mes yeux sont un peu voilés :

j'ai essayé de corriger
Par contre j'ai un gros souci avec le proxy du boulot, impossible de mettre du code car il me met connexion réinitialisé lorsque je post. Je suis donc obligé de le mettre en PJ. :oops:

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
<script type="text/javascript">
function ChangePt()
{
var Qt=(document.FormFacture.EditQt1.value.length>0)?parseFloat(document.FormFacture.EditQt1.value):0;
var PU=(document.FormFacture.EditPU1.value.length>0)?parseFloat(document.FormFacture.EditPU1.value):0;
var PT=Qt*PU;
document.FormFacture.EDitPT1.value=(PT>0)?PT:'';
var total1=parseFloat(document.forms['FormFacture'].elements['total1'].value);
var total2=parseFloat(document.forms['FormFacture'].elements['total2'].value);
var totalG=total1+total2;
document.forms['FormFacture'].elements['total'].value=totalG;
 
 
</script>
<form name="FormFacture">
<table width="700" border="1">
  <tr>
     <td width="70" align="center"><input name="EditRef1" type="text" style="width:66px;" /></td>
    <td width="370" align="center"><input name="EditLibelle1" type="text" style="width:341px;" /></td>
    <td width="60" align="center"><input name="EditQt1" type="text" style="width:56px;" onblur="ChangePt()"/></td>
    <td width="100" align="center"><input name="EditPU1" type="text" style="width:92px;" onblur="ChangePt()"/></td>
    <td width="100" align="center"><input name="EDitPT1" type="text" style="width:92px;" /></td>
</tr>
 
</table>
</form>

29/04/2008, 11h22
SpaceFrog

???
je ne vois pas en quoi le fait de mettre des balises CODE réinitialise la connection???
29/04/2008, 11h26
cutpeter56

non je parle pas de mettre les balises codes, mais dès que j'insère du code avec ou sans ces balises, la connexion est réinitialisée...
Je ne peux l'expliquer...