calcul automatique dans un formulaire
calcul automatique dans un formulaire - HTML/CSS - Programmation
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
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
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
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 ...
Sujets relatifs:
- Fonction de calcul de stock par ordre d'insertion
- Formulaire java/html
- Redirection automatique non voulue
- robot pour valider formulaire et recuperer les resultats
- page automatique dans une boucle
- Le formulaire n'envoie pas mes inputs type="file"
- Remplacer un texte par un formulaire
- [C/C++] Répondre au formulaire d'une page web (+info sur libCurl)
- Excel modifier régle général de calcul
- Formulaire --> Calcul automatique à partir de valeurs récupérées
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> </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]