Prev: help with JSON
Next: forms[0].elements
From: Yonih on 24 Jun 2008 14:08
So I am trying to get this Calculator to work. It needs to take in a
vaule, and select a shipping
Everythin works great except the shipping part. I need it to take the
shipping value and add it to the "Downpayment" and also the "Total
amount paid"
Example: item cost $20.00 , $8.50 shipped selected,
Payment 1 = 12 + 8.50 so $20.50
Payments 2-5 = $2.00
Final Payment = $28.50

can Anyone help me?

<body>
<form name="converter">
<input type="text" value="0.00" name="price"> Price of Item
<br>

<select name="shippingOptions" onchange="this.form.shippingPrice.value
= this.options[this.selectedIndex].value; ">
<option value="8.50">Ground - $8.50</option>
<option value="10.50">3-Day - $10.50</option>
<option value="14.50">2-Day - $14.50</option>
<option value="24.00">Overnight - $24.00</option></select>
<input type="text" value="" name="shippingPrice">

<br>
<br><br>
<input type="button" value="Convert" onclick="javascript:calc()">
<input type="reset" value="reset" onclick="javascript:calc()">
<br><br>
<input type="text" value="" name="downpayment"> Down Payment
<br>
<input type="text" value="" name="payment2"> Payment 2
<br>
<input type="text" value="" name="payment3"> Payment 3
<br>
<input type="text" value="" name="payment4"> Payment 4
<br>
<input type="text" value="" name="payment5"> Payment 5
<br>
<br>
<input type="text" value="" name="total"> Total Amount Paid

</form>

<script language="javascript">

//calculate function
function calc(){

//variables
var price = document.converter.price.value
var downpaymentdisplay = Math.round(price * .60)
var payment2display = Math.round(price * .10)
var payment3display = Math.round(price * .10)
var payment4display = Math.round(price * .10)
var payment5display = Math.round(price * .10)

var totaldisplay = Math.round(downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

//write in text box
document.converter.downpayment.value=downpaymentdisplay
document.converter.payment2.value=payment2display
document.converter.payment3.value=payment3display
document.converter.payment4.value=payment4display
document.converter.payment5.value=payment5display
document.converter.total.value=totaldisplay

}
</script>
</body>


Thanks
Yoni
From: suhasdhoke on 25 Jun 2008 02:41
On Jun 24, 11:08 pm, Yonih <Yoni.Hir...(a)gmail.com> wrote:

You missed to add the selected shipping option's value to the
downpaymentdisplay var.
Try This...

> var downpaymentdisplay = Math.round(price * .60)

var downpaymentdisplay = Math.round(price * .60) +
eval(document.converter.shippingOptions.value)

> var totaldisplay = Math.round(downpaymentdisplay + payment2display +
> payment3display + payment4display + payment5display)

var totaldisplay = (downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

Cheers!!
From: Yonih on 25 Jun 2008 09:24
Thank you so much,

It works Great

Yoni

On Jun 25, 1:41 am, "suhasdh...(a)gmail.com" <suhasdh...(a)gmail.com>
wrote:
> On Jun 24, 11:08 pm, Yonih <Yoni.Hir...(a)gmail.com> wrote:
>
> You missed to add the selected shipping option's value to the
> downpaymentdisplay var.
> Try This...
>
> > var downpaymentdisplay = Math.round(price * .60)
>
> var downpaymentdisplay = Math.round(price * .60)  +
> eval(document.converter.shippingOptions.value)
>
> > var totaldisplay = Math.round(downpaymentdisplay + payment2display +
> > payment3display + payment4display + payment5display)
>
> var totaldisplay = (downpaymentdisplay + payment2display +
> payment3display + payment4display + payment5display)
>
> Cheers!!

From: Yonih on 25 Jun 2008 12:05
SO Hey I have anouther option to add to my calculator if anyone is
interested in the challange and helping me out a lot. Here is the
updated Calcualtor thanks to suhasdhoke.

These are the changes I need as you can see I have the date for the
first displaying field but I need the rest to be date +30 days,
+60,+90 and, +120.
Anychance someone knows how to do it?

Thanks

<body>
<form name="converter">
<table width="0%" border="0">
<tr>
<td height="27">Enter Price of Item</td>
<td><input type="text" value="0.00" name="price"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><select name="shippingOptions"
onchange="this.form.shippingPrice.value =
this.options[this.selectedIndex].value; ">
<option value="">Select Shipping</option>
<option value="0.00">Ground - Free</option>
<option value="10.50">3-Day - $10.50</option>
<option value="14.50">2-Day - $14.50</option>
<option value="24.00">Overnight - $24.00</option></select></td>
</tr>
</table>

<!-- Start Date Integration -->
<Script type="text/javaScript">
// Get today's current date.
var now = new Date();
// Array list of months.
var months = new
Array('January','February','March','April','May','June','July','August','September','October','November','December');
// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
// Calculate four digit year.
function fourdigits(number) { return (number < 1000) ? number +
1900 : number; }
// Join it all together
today = months[now.getMonth()] + " " + date + ", " +
(fourdigits(now.getYear())) ;
<!-- End Date Integration -->
</script>
<table width="268" border="0">
<tr>
<td width="205"><div align="right">
<input type="button" value="Calculate"
onclick="javascript:calc()">
</div></td>
<td width="10"></td>
<td width="49"><input type="reset" value="reset"
onclick="javascript:calc()"></td>
</tr>
</table>
<br>
<table width="0%" border="0">
<tr>
<td><div align="right">
<script>document.write(today);</script>
</div></td>
<td> <input type="text" value="" name="downpayment"></td>
</tr>
<tr>
<td><div align="right">Total + 30 Days</div></td>
<td><input type="text" value="" name="payment2"></td>
</tr>
<tr>
<td><div align="right">Today + 60 Days</div></td>
<td><input type="text" value="" name="payment3"></td>
</tr>
<tr>
<td><div align="right">Today + 90 Days</div></td>
<td><input type="text" value="" name="payment4"></td>
</tr>
<tr>
<td><div align="right">Today + 120 Days</div></td>
<td><input type="text" value="" name="payment5"></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><div align="right">Total Amount Paid</div></td>
<td><input type="text" value="" name="total"></td>
</tr>
</table>


<br>
</form>

<script language="javascript">

//calculate function
function calc(){

//variables
var price = document.converter.price.value
var downpaymentdisplay = Math.round(price * .60) +
eval(document.converter.shippingOptions.value)
var payment2display = Math.round(price * .10)
var payment3display = Math.round(price * .10)
var payment4display = Math.round(price * .10)
var payment5display = Math.round(price * .10)

var totaldisplay = Math.round(downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)
var totaldisplay = (downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

//write in text box
document.converter.downpayment.value=downpaymentdisplay
document.converter.payment2.value=payment2display
document.converter.payment3.value=payment3display
document.converter.payment4.value=payment4display
document.converter.payment5.value=payment5display
document.converter.total.value=totaldisplay

}
</script>
</body>
From: Yonih on 25 Jun 2008 15:31
Never Mind I was able to work it out. Thanks
Yoni
 | 
Pages: 1
Prev: help with JSON
Next: forms[0].elements