évènement onchange

Version imprimable

évènement onchange

Bonjour voilà j'ai 3 champs

quantité, prix unitaire et prix total

je voudrais changer le prix total lorsque je change la quantité ou le prix unitaire

voici le code

Code:

1
2
3
4
 
<td width="60" align="center"><input name="EditQt1" type="text" style="width:56px;" onchange="change()" /></td>
    <td width="100" align="center"><input name="EditPU1" type="text" style="width:92px;" onchange="change()" /></td>
    <td width="100" align="center"><input name="EDitPT1" type="text" style="width:92px;"/></td>

voici le code de la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
function change()
{
var Qt=parseFloat(document.FormFacture.EditQt1.value);
var PU=parseFloat(document.FormFacture.EditPU1.value);
var PT=QT*PU;
document.FormFacture.EditPT1.value=PT;
 
}
</script>
 
voilà mais ca ne marche pas 
 
merci pour votre aide

24/04/2008, 11h43
Matthieu2000

onBlur ou onKeyup
24/04/2008, 11h53
SpaceFrog

ou un petit timer ...

ca marche pas

Code:

1
2
3
4
5
6
7
8
 
<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>

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
function ChangePt()
{
var Qt=parseFloat(document.FormFacture.EditQt1.value);
var PU=parseFloat(document.FormFacture.EditPU1.value);
var PT=QT*PU;
document.FormFacture.EditPT1.value=PT;
 
}
</script>

Pourquoi ca ne marche pas

spacefrog tu veux dire quoi par timer aurais tu un lien explicant cela

merci

24/04/2008, 13h08
SpaceFrog
Code:

1 2 var PT=QT*PU; alert(PT) // là il dit quoi ???
une syntaxe plu srigoureuse:

Code:

document.forms['FormFacture'].elements['EditPT1'].value=PT;

ensuite il se peut que le table masque les inputs pour javascript ...
les tables ne oidvent pas être utilisés pour faire de la mise en page
24/04/2008, 13h36
Matthieu2000

case ...D d /t T

Citation:

function ChangePt()
{
var Qt=parseFloat(document.FormFacture.EditQt1.value);
var PU=parseFloat(document.FormFacture.EditPU1.value);
var PT=Qt*PU;
document.FormFacture.EDitPT1.value=PT;

}
24/04/2008, 14h50
ph_anrys

Voilà j'ai réussi

bon donc dans mon script j'ai deux lignes ou on peut entrer pour chaque ligne
la quantité, prix unitaire et alors le total s'affiche cela fonctionne correctement

en dessous de cela j'ai un champ total qui reprend le total de chaque ligne

cela calcule bien le total de chaque ligne mais le problème c'est que si dans une ligne je ne remplis pas un champ il me met nan dans le total de la ligne et forcément dans le total général il me met nan aussi.

comment éviter le nan si on ne met rien dans une ligne

merci pour votre aide

un test conditionnel sur length du value ?

Code:

1
2
3
4
5
 
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:'';

j'ai essayé mais ca ne marche pas mais je crois que j'ai pas bien saisie

voici mon code

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
 
<script type="text/javascript">
function ChangePT1()
{
var Qt=(document.FormFacture.EditQt1.value.length>0)?parseFloat(document.forms['FormFacture'].elements['EditQt1'].value);
var PU=(document.FormFacture.EditPU1.value.length>0)?parseFloat(document.forms['FormFacture'].elements['EditPU1'].value);
var PT=Qt*PU;
document.forms['FormFacture'].elements['EditPT1'].value=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>

merci

24/04/2008, 15h08
SpaceFrog

il manque les

Code:

:0

la syntaxe est

Code:

variable=(conditon)? valeur si vrai : valeur si faux ;