calcul automatique dans un formulaire

calcul automatique dans un formulaire - HTML/CSS - Programmation

Marsh Posté le 06-05-2008 à 14:04:44    

Voilà, j'ai réalisé un formulaire de calcul, je souhaite que lorsque le client a rentré la quantité et le prix unitaire, un calcul automatique se fasse : Total=Prix unitaire x Quantité rentrée.
mais il ne fonctionne pas, pourquoi ? Me dire quoi modifier  
 
Merci d'avance  
 
voici mon code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function verifPrix() {
    var quantité = document.getElementById("quantité" ).value;
    var PU_HT = document.getElementById("PU_HT" ).value;
 
    if( quantité != "" &&  
 PU_HT != "" ) {
 document.getElementById("Total_HT" ).value = quantité * PU_HT;
    }
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Site web Inpros - Proforma</title>
<style type="text/css">
<!--
.Style2 {
 font-size: 24px;
 font-weight: bold;
}
-->
</style>
</head>
 
<body>
<form action="Enregistrement_prof.php" method="post" name="valid_prof" id="valid_prof">
  <table width="530" border="1" align="center">
    <tr>
      <td width="520"><div align="center"><img src="entete.JPG" width="733" height="120"></div></td>
    </tr>
    <tr>
      <td height="922"><p>&nbsp;</p>
        <p>&nbsp;</p>
        <table width="293" border="0" align="center">
          <tr>
            <td width="283"><div align="center" class="Style2">Veuillez renseigner les champs suivants : </div></td>
          </tr>
        </table>        
        <p align="center">&nbsp;</p>
        <table width="520" border="0" align="center">
          <tr>
            <td width="254"><div align="center">Num_proforma : </div></td>
            <td width="254">
              <div align="left">
                <input type="text" name="Num_proforma">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Num_agent : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Num_agent">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Num_produit : </div></td>
            <td><div align="left">
              <input type="text" name="Num_produit">
            </div></td>
          </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Date_proforma : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Date_proforma">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Client : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Client">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">D&eacute;signation : </div></td>
            <td>
              <div align="left">
                  <textarea name="D&eacute;signation"></textarea>
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Caract&eacute;ristiques : </div></td>
            <td>
              <div align="left">
                  <textarea name="Caract&eacute;ristiques"></textarea>
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Quantit&eacute; : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Quantité" onBlur="verifPrix()"/>
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">PU_HT : </div></td>
            <td>
              <div align="left">
                <input type="text" name="PU_HT" onBlur="verifPrix()"/>
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Montant_HT : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Montant_HT">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Total_HT : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Total_HT">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Tva : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Tva">
              </div></td></tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center">Net_&agrave;_Payer : </div></td>
            <td>
              <div align="left">
                <input type="text" name="Net_à_payer">
              </div></td></tr>
        </table>        
        <p>&nbsp;</p>
        <table width="70" border="0" align="right">
          <tr>
            <td width="60">              <div align="center">
              <input name="prof" type="submit" id="prof" value="Valider">            
            </div></td>
          </tr>
        </table>        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>[#ff2a00][/#ff2a00]
      </td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
</body>
</html>
[#9b0063][/#9b0063]

Reply

Marsh Posté le 06-05-2008 à 14:04:44   

Reply

Marsh Posté le 06-05-2008 à 14:22:25    

Citation :

var quantité = document.getElementById("quantité" ).value;


les id ne doivent pas contenir de caractères accentués et j'imagine qu'il en est de même pour les noms de variable javascript


Message édité par Bidem le 06-05-2008 à 14:23:00
Reply

Marsh Posté le 06-05-2008 à 14:41:15    

j'essaie et je te tiens au courant

Reply

Marsh Posté le 06-05-2008 à 14:44:06    

ca na marche tjr pas, que faire?

Reply

Marsh Posté le 06-05-2008 à 15:01:01    

est ce qu'il ne faudrait pas un onchange plutôt qu'un onblur ?


---------------
viendez broder, mon blog et à écouter : la Pause Bad, parlons badminton
Reply

Marsh Posté le 06-05-2008 à 15:10:08    

je pense qu'il faudrait surtout mettre des id sur les input s'il veut les appeler via getElementById


Message édité par babasss le 06-05-2008 à 15:10:38

---------------
Feedback : http://forum.hardware.fr/hfr/Achat [...] 2666_1.htm
Reply

Marsh Posté le 06-05-2008 à 15:11:33    

Et puis, j'arrête pas de le dire, pour débugguer le javascript soi-même => sous Firefox, outils->console d'erreurs


---------------
Feedback : http://forum.hardware.fr/hfr/Achat [...] 2666_1.htm
Reply

Marsh Posté le 06-05-2008 à 15:23:20    

merci j'essaie

Reply

Marsh Posté le 06-05-2008 à 16:16:56    

Autre chose : normalement, getElementById est sensible aux minuscules/majuscule mais là ton élément à l'id Quantite ...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed