Calculating from an Array

A while back I got some help with sorting out my problem of having three different products with different service options. They were put into an array:

This is at the form application – fairly standard form, with the customer putting their address details, and then choosing the product and service options – and having the price displayed on the same screen.

The basic javascript code used to calculate the price is:

In the head:


<script type="text/javascript" language="javascript"> 
function setSelect() { 
// set local variables to reference form elements 
coun=document.getElementById("product"); 
serv=document.getElementById("service"); 
fPRICE=document.getElementById("fPRICE"); // get the numbers to add up the PRICE 
product=Number(coun.value); 
service=Number(serv.value); 
// check what was selected, and set the PRICE variable 
PRICE = product + service + ".00"; 
// update the fPRICE form element with the final PRICE value 
fPRICE.value=PRICE; 
fPRICE.text=PRICE; }

For the form details


<select id="product" onchange="void(setSelect())" name="product" size="3">
<option value=1 selected />STANDARD 
<option value=6 />DELUXE 
<option value=7 />PRESTIGE 
</select><select id="service" onchange="void(setSelect())" name="service" size="3">
<option value="24" selected>Standard Service</option>
<option value="39">Swift Service</option>
<option value="59">Express Service</option>
</select>

and the price is displayed with


<td class="main_text"> 
<p><b><font color="#FF0000">Price in GBP (&pound;) 
<input type="text" name="price" id="fPRICE" size="6" Readonly>
</font></b></p>
</td>

The above has worked, and continues to work perfectly fine.

For the customers address details, I have a standard list of countries – it lists all countries, but the few lines below should be enough to show the setup.


<select name="customercountry">
<option value=""selected>Please Select</option>
<option value="">------------------------</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Australia">Australia</option>
[/select]

What I’m looking to do is for to be able to ‘add in’ VAT if a customer chooses United Kingdom (or other EU countries, France, Germany, Spain etc), so that the price displayed on screen includes that amount.

I’ve found this piece of code on various sites, so it seems a good place to start - in case I cut the wrong part, I’m going to include in its entirety.


#put this bit between the head tags<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function doMath() {
var one = eval(document.myform.total.value)
var two = eval(document.myform.vat.value) 
var prod = one * two
document.myform.amount.value=custRound(prod,2);
}
function custRound(x,places) {
return (Math.round(x*Math.pow(10,places)))/Math.pow(10,places)
}
// End -->
</SCRIPT>
#this should be placed in the body of the page.
#you can add other fields to the form and use it with a formmail or other script.<CENTER>
<FORM NAME="myform">
 <table border="1">
 <tr> 
 <td>Total excluding VAT</td>
 <td> 
 <input type="text" name="total">
 </td>
 </tr>
 <tr> 
 <td>VAT status</td>
 <td> 
 <select name="vat">
 <option value="1.175" selected>In Europe (with VAT)</option>
 <option value="1.00">Outside Europe (no VAT)</option>
 </select>
 </td>
 </tr>
 <tr> 
 <td>Total including VAT</td>
 <td> 
 <input type="text" name="amount">
 </td>
 </tr>
 <tr>
 <td> </td>
 <td> 
 <input type="button" value="Calculate" onClick="doMath()" name="button">
 </td>
 </tr>
 </table>
 </FORM>
</CENTER>

What I’m wondering is, will this code be something I can adjust to my needs? I don’t want to change the value in my customercountry from “united Kingdom” to “1.175” unless I absolutely have to, as it would screw up a lot delivery procedures.

What I was thinking (and hoping) is this:

During the SetSelect function to calculate current price – could some sort of IF statement be used

I know this isn’t javascript, more a sort of logic outline, if there’s such a thing]

IF customercountry=”United Kingdom” THEN fPRICE=fPRICE*1.175 [or run doMath function or a variant of it]
ELSE ..just run SetSelect as normal.

So if anyone has made it to tbe bottom, I’m wondering if any of this is possible, is it a good idea to implement this way, and any ideas of how it should look code wise. Any advice etc greatly appreciated.

James

PS _ had a problem with the formatting - all the code should be the same size.


/* Add toFixed method, if not supported */
if(!Number.prototype.toFixed)
Number.prototype.toFixed = function(d){
    return ~~this+'.'+String(Math.round((this*1[b][red]¦¦[/red][/b]1)*100)).slice(-d);
}var PRICE;
var country = Number(document.getElementById("country").value); 
var service = Number(serv.document.getElementById("service").value); 
var countrySel = document.getElementsByName("customercountry")[0]; 
var customercountry = countrySel.options[countrySel.selectedIndex].value; 
var fPRICE = document.getElementById("fPRICE"); 
if (customercountry=="United Kingdom") 
  PRICE = (country + service)*1.175; 
else if (customercountry=="Ireland") 
  PRICE = (country + service)*1.6; 
else 
  PRICE = country + service; // don't add string here
PRICE = PRICE.toFixed(2)fPRICE.value = PRICE; 
fPRICE.text = PRICE;

Calculating from an Array

Modifying or adding to existing code to add tax 'on the spot'

mangotude

mangotude

mangotude

Bernard Marx

Bernard Marx

mangotude

mangotude

Bernard Marx

mangotude

mangotude

Bernard Marx

mangotude

mangotude

Bernard Marx

mangotude

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week