Page 1 sur 1

Calcul auto sans passer par calculer

Posté : 26 févr. 2006, 15:09
par Dgse
Bonjour

J'utilise un script de calcul et j'aurais voulu savoir comment procéder pour qu'il calcul automatiquement sans que la personne passe par le bouton calculer. J'ai essayer en mettant OnChange sur le champ mais cela n'a pas fonctionne.

Code : Tout sélectionner

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function mensualite() { k=document.form.capital.value; t=document.form.taux.value; n=document.form.nb_mens.value; m=k*(t/100)/(1-Math.pow((1+t/100/12),(-n)))/12; m=Math.floor(m*100)/100; document.form.mens.value=m } </SCRIPT> </HEAD> <BODY> <FORM NAME="form"> <TABLE BORDER=0> <TR> <TD align=right><B>Somme emprunté</B></TD> <TD><INPUT TYPE="text" NAME="capital" VALUE="" SIZE=15 MAXLENGTH=40></TD> </TR> <TR> <TD align=right><B>Taux</B></TD> <TD><INPUT TYPE="text" NAME="taux" VALUE="4.25" SIZE=15 MAXLENGTH=40></TD> </TR> <TR> <TD align=right><B>Nombre de mensualités</B></TD> <TD><INPUT TYPE="text" NAME="nb_mens" VALUE="" SIZE=15 MAXLENGTH=40></TD> </TR> <TR> <TD align=right><INPUT TYPE="button" VALUE="calculer" onClick="mensualite()"></TD> <TD><INPUT TYPE="text" NAME="mens" value="" SIZE=15 MAXLENGTH=40></TD> </TR> </TABLE> </FORM> </BODY> </HTML>
Merci a Tous

Dgse

Posté : 26 févr. 2006, 15:28
par Cyrano
Utilise l'évènement onkeyup, proposition en XHTML 1.0 Strict valide:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calcul de mensualité</title>
<script type="text/javascript">
/* <![CDATA[ */
function mensualite()
{
    k = document.forms['form'].elements['capital'].value;
    t = document.forms['form'].elements['taux'].value;
    n = document.forms['form'].elements['nb_mens'].value;
    if(n != '')
    {
         m=k*(t/100)/(1-Math.pow((1+t/100/12),(-n)))/12;
         m=Math.floor(m*100)/100;
         document.forms['form'].elements['mens'].value = m;
    }
    else
    {
        document.forms['form'].elements['mens'].value = '';
    }
}
/* ]]> */
</script>
</head>
<body>
<form id="form" action="" method="post">
  <table border="0" summary="">
    <tr>
      <td align="right"><b>Somme empruntée</b></td>
      <td><input type="text" name="capital" id="capital" value="" size="15" maxlength="40" /></td>
    </tr>
    <tr>
      <td align="right"><b>Taux</b></td>
      <td><input type="text" name="taux" id="taux" value="4.25" size="15" maxlength="40" /></td>
    </tr>
    <tr>
      <td align="right"><b>Nombre de mensualités</b></td>
      <td><input type="text" name="nb_mens" id="nb_mens" value="" size="15" maxlength="40" onkeyup="mensualite();" /></td>
    </tr>
    <tr>
      <td align="right"><input type="button" value="calculer" onclick="mensualite()" /></td>
      <td><input type="text" name="mens" id="mens" value="" size="15" maxlength="40" /></td>
    </tr>
  </table>
</form>
</body>
</html>

Posté : 26 févr. 2006, 21:36
par Dgse
Bonjour

Merci a toi Cyrano ca fonctionne super.

@+ Dgse