Formulaire Calcul Prix

Fermé
Marc - 24 nov. 2012 à 03:39
 Utilisateur anonyme - 24 nov. 2012 à 05:43
Bonjour,
Je ne comprend pas pourquoi mon javascript affiche rien quand je click sur calculer. Voici le code:

<script type="text/javascript">
	
	function fCalculer()
	{	
		var dPrix=0.0;
		var dTPS=0.0;
		var dTVQ=0.0;

		if(document.forms[0].NbrBalle.value > 0)
			dPrix+=f.NbrBalle.value*1.50;
		if(document.forms[0].NbrMouleeChats.value >0)
		{
			switch(document.forms[0].NbrMouleeChats.selectedIndex)
			{
			case 0:
			dPrix+= document.forms[0].NbrMouleeChats.value*19.99;
			break;
			case 1:
			dPrix+= document.forms[0].NbrMouleeChats.value*29.99;
			break;
			case 2:
			dPrix+= document.forms[0].NbrMouleeChats.value*35.99;
			break;	
			}
		}
		
		if(document.forms[0].NbrMouleeChiens.value >0)
		{
			switch(document.forms[0].NbrMouleeChiens.selectedIndex)
			{
			case 0:
			dPrix+=document.forms[0].NbrMouleeChiens.value*21.99;
			break;
			case 1:
			dPrix+=document.forms[0].NbrMouleeChiens.value*35.99;
			break;
			case 2:
			dPrix+=document.forms[0].NbrMouleeChiens.value*40.99;
			break;	
			}
		}
		dTPS=dPrix*.05;
		dTVQ=(dPrix+dTPS)*0.95;
		//Arrondi
		dPrix=Math.round(dPrix*100)/100;
		TPS=Math.round(dTPS*100)/100;
		TVQ=Math.round(dTVQ*100)/100;
		
		document.forms[0].sTotal.value=dPrix;
		document.forms[0].TPS.value=dTPS;
		document.forms[0].TVQ.value=dTVQ;
		document.forms[0].Prix.value= Math.round((dPrix+dTPS+dTVQ) *100)/100;
	}
	
	</script>


Voici le formulaire
<!-- Bloc de contenu -->
		<div id="divcontenu">
			<!-- Formulaire d'achat -->
			<form id="forms" method="post">
				<fieldset>
					<legend>Panier d'achat</legend>
					<table cellpadding="10" border="2">
							<tr>
								<th>Article</th>
								<th colspan="2">Option</th>
								<th>Quantités commandées</th>
							</tr>
							<tr>
								<td>Balle ($1,50 l'unité)</td>  
								<td colspan="2">Couleur :
										<select name="Couleur">
											<option>Rouge</option>
											<option>Verte</option>
											<option>Bleue</option>
											<option>Multi</option>
										</select>
								</td> 
								<td>Quantité<input name="NbrBalle" size="3" value="0" /></td> 
							</tr>
							<tr>
								<td>Moulée pour chats</td>
								<td colspan="2">Format:
								<select name="FormatChat" >
										<option>2 lbs ($19,99)</option>
										<option>5 lbs ($29,99)</option>
										<option>12 lbs ($35,99)</option>
										</select>
								</td>
								<td>Quantité<input name="NbrMouleeChats" size="3" value="0" /></td>
							</tr>
							<tr>
								<td>Moulée pour chiens</td>
								<td colspan="2">Format:
								<select name="FormatChien" >
										<option>2 lbs ($21,99)</option>
										<option>5 lbs ($35,99)</option>
										<option>12 lbs ($40,99)</option>
										</select>
								</td>
								<td>Quantité<input name="NbrMouleeChiens" size="3" value="0" /></td>
							</tr>
							<tr>
								<td rowspan = "4">RÉSULTAT</td>
								<td colspan="2" >sous total</td> 
								<td>$<input name="sTotal" size="6" value="0" /></td>
							</tr>
							<tr>
								<td colspan="2" >TPS</td>
								<td>$<input name="TPS" size="6" value="0" /></td>
							</tr>
							<tr>
								<td colspan="2" >TVQ</td>
								<td >$<input name="TVQ" size="6" value="0" /></td>
							</tr>
							<tr>
								<td colspan="2" ><h3>Prix à payer</h3></td>
								<td >$<input name="Prix" size="6" value="0" /></td>
							</tr>
					</table>
					<input type="reset" value="Effacer" /> 
					 <input type="button" value="Calculer" onclick="fCalculer()" /> 
				</fieldset>
			</form>

		</div>


Merci de l'aide



A voir également:

1 réponse

Utilisateur anonyme
24 nov. 2012 à 05:43
J'ai regardé rapidement et il manque un type a tes champs input text.

A+
0