Calcul champs de texte en javascript

[webac]

bonjour,

je cherche a additionner plusieurs champs de texte j'ai cette portion de code qui ne fonctionne malheureusement pas pouvez-vous m'aider?

<script type="text/javascript">
function addition()
{
var ch1=new Number(document.cj.p1.value);
var ch2=new Number(document.cj.p2.value);
var ch03=new Number(document.cj.p3.value);
var ch04=new Number(document.cj.p4.value);
var ch05=new Number(document.cj.p5.value);
var sfj=new Number(document.cj.solde_fj.value);
var total=Number(p1+p2+p3+p4+p+solde_fj);
document.cj.tot_prelev.value=total;
}

</script>
<form id="caissejournaliere" name="cj" method="post" action="envoi.php">
<table width="500" height="60" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
    <td colspan="2"><div align="center" class="Style12">MAGASIN</div></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="434" bgcolor="#CCCCCC"><div align="center" class="Style10">
      <div align="right">CAISSE JOURNALIERE DU </div>
    </div></td>
    <td width="60" bgcolor="#CCCCCC"><div align="right">
      <input name="date" type="text" id="date" size="10" />
    </div></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="bottom">&nbsp;</td>
  </tr>
  <tr>
    <td height="2" bgcolor="#CCCCCC"><div align="right" class="Style10">RECETTE &quot;Z&quot; </div></td>
    <td height="2"><div align="right">
      <input name="recette_z" type="text" id="recette_z" size="10" />
    </div></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" class="Style1"><div align="center" class="Style11">PRELEVEMENT ESPECES    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>1&deg; Pr&eacute;levement</strong></span></td>
    <td><div align="right">
      <input name="p1" type="text" id="p1" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>2&deg; Pr&eacute;levement</strong></span></td>
    <td><div align="right">
      <input name="p2" type="text" id="p2" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>3&deg; Pr&eacute;levement</strong></span></td>
    <td><div align="right">
      <input name="p3" type="text" id="p3" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>4&deg; Pr&eacute;levement</strong></span></td>
    <td><div align="right">
      <input name="p4" type="text" id="p4" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>5&deg; Pr&eacute;levement</strong></span></td>
    <td><div align="right">
      <input name="p5" type="text" id="p5" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td><span class="Style8"><strong>Solde fin de journ&eacute;e </strong></span></td>
    <td><div align="right">
      <input name="solde_fj" type="text" id="solde_fj" size="10" onChange="addition()"/>
    </div></td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC" class="Style1"><div align="right" class="Style11">TOTAL PRELEVEMENT ESPECES </div></td>
    <td><div align="right">
      <input name="tot_prelev" type="text" id="tot_prelev" size="10" readonly/>

pardonnez moi si le code n'est pas tres clair c'est un brouillon

 

[biscuit]

Salut,

Le problème vient de cette ligne:

var total=Number(p1+p2+p3+p4+p+solde_fj);

Tu utilises des variables non déclarées, remplace la par:

var total=Number(ch1+ch2+ch03+ch04+ch05+sfj);

et ça devrait passer...

A+

 

[webac]

merci biscuit ça fonctionne a merveille