Calcul auto sans passer par calculer

26 févr. 2006, 15:09

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

26 févr. 2006, 15:28

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>

26 févr. 2006, 21:36

Bonjour

Merci a toi Cyrano ca fonctionne super.

@+ Dgse

Calcul auto sans passer par calculer

Qui est en ligne