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> </p>
<p> </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"> </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"> </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"> </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"> </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"> </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"> </td>
</tr>
<tr>
<td><div align="center">Désignation : </div></td>
<td>
<div align="left">
<textarea name="Désignation"></textarea>
</div></td></tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td><div align="center">Caractéristiques : </div></td>
<td>
<div align="left">
<textarea name="Caractéristiques"></textarea>
</div></td></tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td><div align="center">Quantité : </div></td>
<td>
<div align="left">
<input type="text" name="Quantité" onBlur="verifPrix()"/>
</div></td></tr>
<tr>
<td colspan="2"> </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"> </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"> </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"> </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"> </td>
</tr>
<tr>
<td><div align="center">Net_à_Payer : </div></td>
<td>
<div align="left">
<input type="text" name="Net_à_payer">
</div></td></tr>
</table>
<p> </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> </p>
<p> </p>
<p> </p>[#ff2a00][/#ff2a00]
</td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
[#9b0063][/#9b0063]
