Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1352 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Calcul automatique en JS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Calcul automatique en JS

n°264368
tux46
Posté le 07-12-2002 à 16:08:21  profilanswer
 

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

mood
Publicité
Posté le 07-12-2002 à 16:08:21  profilanswer
 

n°264449
machinbidu​le1974
Do you feel lucky, punk ?
Posté le 07-12-2002 à 18:51:54  profilanswer
 

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

n°264474
tux46
Posté le 07-12-2002 à 19:54:21  profilanswer
 

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 ?
 :??:

n°264475
tux46
Posté le 07-12-2002 à 19:55:12  profilanswer
 

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

n°264594
tux46
Posté le 08-12-2002 à 01:19:22  profilanswer
 

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:

n°264660
Flyman30
Posté le 08-12-2002 à 12:29:55  profilanswer
 

tux46 a écrit :


Merci j'ai fini par trouver  
 :bounce:  


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

n°264677
machinbidu​le1974
Do you feel lucky, punk ?
Posté le 08-12-2002 à 13:23:23  profilanswer
 

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 ???

n°264850
tux46
Posté le 08-12-2002 à 19:15:32  profilanswer
 

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>


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Calcul automatique en JS

 

Sujets relatifs
bonsoir, détection automatique de la fermeture d'une page...probleme avec redirection automatique vers une url
[HTML] comment faire un refresh avec post automatiqueFormules mathématiques, calcul numérique, algorithmes numériques en C
[C] Implémentation de fonctions et calcul de complexitéE-business & Atos SIPS peut-on se fier à la réponse automatique ?
[opengl]calcul de normales[java - swing] JTextField & focus automatique :/
excel : le filtre automatique neprends en compte que les 1000 eres ligCalcul du quantième dune journée
Plus de sujets relatifs à : Calcul automatique en JS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR