Calcul automatique en JS - HTML/CSS - Programmation
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();"> 
 
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:   | 
 
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 ? 
 
 
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:   | 
 
Et le code en JS , ça ressemblerait à koi ? 
Car même avec les tutoriaux j'ai du mal à faire qq chose qui fonctionne
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:   | 
 
Merci j'ai fini par trouver  
 
 
Marsh Posté le 08-12-2002 à 12:29:55
| tux46 a écrit :    | 
 
 
Bah explique alors la solution intéresse peut être d'autres forumeur  
 
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 ???
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>
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