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