Calcul automatique en JS

Calcul automatique en JS - HTML/CSS - Programmation

Marsh Posté le 07-12-2002 à 16:08:21    

JE souhaiterai faire un calcul automatique sur la page si dessous
<html>
<head>
<title>CALCUL</title>
</head>
<body>
 
<form name="calcul">
Coefficient<input type="text" name="coeff" size="10" value="1.2">
Remise<input type="text" name="remise" size="10" value="0">%
<br>Prix de vente :<input type="text" name="prix_vente_euro" size="10">?
soit <input type="text" name="prix_vente_franc" size="10" disabled>F
</form>
</body>
</html>
 
cad je voudrais que lorsque je modifie le prix de vente (en F ) ou le coefficient ou la remise avoir les atres chiffres qui se modifie automatiquement sans avor à cliquer sur un bouton soumettre
Merci de votre aide

Reply

Marsh Posté le 07-12-2002 à 16:08:21   

Reply

Marsh Posté le 07-12-2002 à 18:51:54    

tu dois utiliser l'évènement onchange sur tes champs input comme ceci:
 
<input name="toto" onchange="recalcul();">
 

Reply

Marsh Posté le 07-12-2002 à 19:54:21    

MachinBidule1974 a écrit :

tu dois utiliser l'évènement onchange sur tes champs input comme ceci:
 
<input name="toto" onchange="recalcul();">
 
 


Le problème c que ça ne le fait pas automatiquement, il faut cliquer en dehors de la zone de saise pour que ça recalcule ?
 :??:

Reply

Marsh Posté le 07-12-2002 à 19:55:12    

MachinBidule1974 a écrit :

tu dois utiliser l'évènement onchange sur tes champs input comme ceci:
 
<input name="toto" onchange="recalcul();">
 
 


Et le code en JS , ça ressemblerait à koi ?
Car même avec les tutoriaux j'ai du mal à faire qq chose qui fonctionne

Reply

Marsh Posté le 08-12-2002 à 01:19:22    

MachinBidule1974 a écrit :

tu dois utiliser l'évènement onchange sur tes champs input comme ceci:
 
<input name="toto" onchange="recalcul();">
 
 


Merci j'ai fini par trouver  
 :bounce:

Reply

Marsh Posté le 08-12-2002 à 12:29:55    

tux46 a écrit :


Merci j'ai fini par trouver  
 :bounce:  


 
Bah explique alors la solution intéresse peut être d'autres forumeur  :)

Reply

Marsh Posté le 08-12-2002 à 13:23:23    

t'as dû utiliser l'évènement onkeydown ou un truc dans le genre qui appelle la méthode de recalcul quand une touche est pressée ???

Reply

Marsh Posté le 08-12-2002 à 19:15:32    

MachinBidule1974 a écrit :

t'as dû utiliser l'évènement onkeydown ou un truc dans le genre qui appelle la méthode de recalcul quand une touche est pressée ???


Oui c'est ça
<html>
<head>
<title>CALCUL</title>
<SCRIPT LANGUAGE="Javascript">
function calcul_vente()
{
  window.document.calcul.euro.value=eval(window.document.calcul.prix_achat.value*window.document.calcul.coeff.value);
  window.document.calcul.franc.value=eval(window.document.calcul.euro.value*6.55957);
 if(window.document.calcul.euro.value=="NaN" )
  {
   alert ("Vous n'avez pas saisi un nombre" );
  }
}
function calcul_coeff()
{
  window.document.calcul.coeff.value=eval(window.document.calcul.euro.value/window.document.calcul.prix_achat.value);
  window.document.calcul.franc.value=eval(window.document.calcul.euro.value*6.55957);
 if(window.document.calcul.coeff.value=="NaN" )
  {
   alert ("Vous n'avez pas saisi un nombre" );
  }
}
function calcul_remise()
{
  window.document.calcul.euro.value=eval((window.document.calcul.prix_achat.value*window.document.calcul.coeff.value)*(1-(window.document.calcul.remise.value/100)));
  window.document.calcul.franc.value=eval(window.document.calcul.euro.value*6.55957);
 if(window.document.calcul.euro.value=="NaN" )
  {
   alert ("Vous n'avez pas saisi un nombre" );
  }
}
function start()
{
window.document.calcul.euro.value=eval(window.document.calcul.prix_achat.value*window.document.calcul.coeff.value);
window.document.calcul.franc.value=eval(window.document.calcul.euro.value*6.55957);
}
 
</SCRIPT>
</head>
<body onLoad="start()">
<form name="calcul">
<input type="hidden" name="prix_achat" value="10">
Coefficient<input type="text" name="coeff" size="10" value="1.2" onKeyUp="calcul_vente()">
Remise<input type="text" name="remise" size="10" value="0" onKeyUp="calcul_remise()">%
<br>Prix de vente :<input type="text" name="euro" size="10" onKeyUp="calcul_coeff()">?
soit <input type="text" name="franc" size="10" disabled>F
</form>
</body>
</html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed