Zymic Forums

Webmaster resources

Zymic IRC Server

Chat in real time at irc.zymic.com - Learn More

Welcome

Welcome to the Zymic webmaster forums. Our forums are here to provide people the free ability to discuss a range of websites related topics such as design, development coding and marketing.

In order to post you will need to register for a zymic account or if you already have one simply login by using the form on the left.

left Zymic Webmaster ForumsWeb Design & DevelopmentClient Side ScriptingJavaScript right
  Closed Topic Start new topic
left right
aznenginerd
post Jun 9 2011, 04:39 AM
Post #1


Newbie
*

Group: Members
Posts: 1
Joined: 9-June 11
Member No.: 193,490



It's been a really long time since I tried to do forms in Javascript. I had a couple of books and finally found an example online that somewhat did what I was looking to do. What the form is supposed to do is allow the user to check various components for their computer and when they hit "calculate" it is supposed to display a price. Unfortunately, nothing happens when I hit "calculate." Can someone please tell me why this is happening because I can't seem to find the problem. Any help is appreciated! Thanks!

the html code (pricing2.html)

CODE
<html>


<head>
&lt;script language="JavaScript1.1" src="calculate.js" type="text/javascript"></script>
</head>




<body onLoad="load ()">


<center>

<form name="calc" method="POST">

<table width="100%" border="0" cellpadding="3">

<tr>
<td colspan="11"><center><h1>Computer Pricing Calculator</h1></center></td>
</tr>

<tr>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">TYPE</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="5" align="center"><font color="white" size="+2">PROCESSOR</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">HARD DRIVE</font></th>
</tr>


<!--Row 1 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Single Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="single" size="10"></td>
<td width="5"></td>


<td colspan="2"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>
</tr>


<!--Row 2 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Dual Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="double" size="10"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>
</tr>


<!--Row 3 -->
<tr>
<td bgcolor="#eeeeee" width="20%">Desktop/Tower</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="pc" size="10"></td>
<td width="5"></td>


<td bgcolor="#eeeeee" width="20%">Core i-3 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="triple" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Hyper-threaded Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ht" size="10"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>
</tr>


<!--Row 4 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>


<td bgcolor="#eeeeee" width="20%">Quad Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="quad" size="10"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Enter the size (gb)</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="text" name="size" size="1"></td>
<td width="5"></td>
</tr>


<!--Row 5 -->
<tr>
<td bgcolor="#eeeeee" width="20%">Laptop</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="laptop" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Core i-5 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="five" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Enter the speed (ghz)</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="text" name="speed" size="1"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>

</tr>


<!--Row 6 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Six Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="six" size="10"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>
</tr>


<!--Row 7 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Core i-7 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="seven" size="10"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>

<td colspan="2"></td>
<td width="5"></td>
</tr>




<tr>
<td height="25">
</td>
</tr>

<!--Row 1 -->
<tr>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">RAM</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">VIDEO CARD</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OPTICAL DRIVE</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OFFICE</font></th>
</tr>

<!--Row 2 -->
<tr>
<td bgcolor="#eeeeee" width="20%">512 MB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram512mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">No Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="novid" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">CD/ROM Only</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrom" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Open Office</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="nooffice" size="10"></td>
</tr>

<!--Row 3 -->
<tr>
<td bgcolor="#eeeeee" width="20%">768 MB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram768mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">64 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid64mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">CD/RW Only</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrw" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Office 97</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office97" size="10"></td>
</tr>

<!--Row 4 -->
<tr>
<td bgcolor="#eeeeee" width="20%">1.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram1000mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">128 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid128mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">CD/RW - DVD/ROM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrwdvdrom" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Office 2003</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office03" size="10"></td>
</tr>

<!--Row 5 -->
<tr>
<td bgcolor="#eeeeee" width="20%">1.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram1500mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">256 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid256mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">CD/RW - DVD/RW</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrwdvdrw" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Office 2007</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office07" size="10"></td>
</tr>

<!--Row 6 -->
<tr>
<td bgcolor="#eeeeee" width="20%">2.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram2000mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">512 MB DDR Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid512mb" size="10"></td>
<td width="5"></td>

<td width="20%"></td>
<td align="center" width="4%"></td>
<td width="5"></td>

<td width="20%"></td>
<td align="center" width="4%"></td>
</tr>

<!--Row 7 -->
<tr>
<td bgcolor="#eeeeee" width="20%">2.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram2500mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">768 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid768mb" size="10"></td>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">CONNECTIVITY</font></th>
<td width="5"></td>

<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OS</font></th>
</tr>

<!--Row 8 -->
<tr>
<td bgcolor="#eeeeee" width="20%">3.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram3000mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">1.0 GB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid1000mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">NIC</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="nic" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Windows XP</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="xp" size="10"></td>
</tr>

<!--Row 9 -->
<tr>
<td bgcolor="#eeeeee" width="20%">3.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram3500mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">DDR2/DDR3 Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ddr23vid" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Modem</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="modem" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Windows Vista</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vista" size="10"></td>
</tr>

<!--Row 10 -->
<tr>
<td bgcolor="#eeeeee" width="20%">4.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram4000mb" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">DDR5 Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ddr5vid" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Wireless</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="wireless" size="10"></td>
<td width="5"></td>

<td bgcolor="#eeeeee" width="20%">Windows 7</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="windows7os" size="10"></td>
</tr>


<tr>
<td height="40">
</td>
</tr>


<tr>
<td colspan="3"></td>
<td colspan="2" align="center"><input name="Submit" type="submit" style="background-color:#ffff00; color:#000000; border:5px solid #000000; font-family:arial; font-size:15pt; font-weight:900; letter-spacing=2px" onClick="count ()" value="CALCULATE PRICE!"></td>
<td width="5"></td>
<td colspan="2" align="center"><input type="reset" value="RESET VALUES!" style="background-color:#ffff00; color:#000000; border:5px solid #000000; font-family:arial; font-size:16pt; font-weight:900; letter-spacing=2px"></td>
<td colspan="3"></td>
</tr>


<tr>
<td height="40">
</td>
</tr>

<tr>
<td bgcolor="#ffffff" colspan="11" align="center"><font size="18">PRICE = $</font><input name="pay" type="text" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:25pt; letter-spacing=1px" size="10"></td>
</tr>



</table>

</form>

</center>

</body>

</html>



the javascript code (calculate.js)
CODE
function load()
{
window.status = "Pricing Guide"
}

function count()
{

//Type variables
var pcprice = 0;
var laptopprice = 20;
var typeprice = 0;

//Processor variables
var singleprice = 1.67;
var doubleprice = 2.05;
var tripleprice = 1.31;
var quadprice = 2.30;
var fiveprice = 1.97;
var sixprice = 2.0;
var sevenprice = 3.09;
var htprice = 0;
var processorprice = 0;

//RAM variables
var ram512mbprice = 15;
var ram756mbprice = 22;
var ram1000mbprice = 30;
var ram1500mbprice = 45;
var ram2000mbprice = 60;
var ram2500mbprice = 75;
var ram3000mbprice = 80;
var ram3500mbprice = 95;
var ram4000mbprice = 110;
var ramprice = 0;

//Video Card variables
var novidprice = 0;
var vid64mbprice = 10;
var vid128mbprice = 15;
var vid256mbprice = 20;
var vid512mbprice = 28;
var vid768mbprice = 33;
var vid1000mbprice = 40;
var ddr23vidprice = 1.5;
var ddr5vidprice = 2;
var vidprice = 0;
var videoprice = 0;

//Optical Drives variables
var cdromprice = 2;
var cdrwprice = 5;
var cdrwdvdromprice = 20;
var cdrwdvdrwprice = 35;
var driveprice = 0;

//Connectivity variables
var nicprice = 0;
var modemprice = 5;
var wireless price = 20;
var connectprice = 0;

//Office variables
var noofficeprice = 0;
var office97price = 0;
var office03price = 30;
var office07price = 50;
var officeprice = 0;

//Operating System variables
var xpprice = 0;
var vistaprice = 0;
var windows7osprice = 110;
var osprice = 0;

//Hard drive - Input Box
var hdsize = document.getElementById('size');
var hdprice = 0;

//Processor Speed - Input Box
var pcspeed = document.getElementById('speed');
var processorprice = 0;

//COMPUTER TYPE - Check Boxes
if (calc.pc.checked){
var typeprice = document.calc.pc.value = pcprice;
}
if (calc.laptop.checked){
var typeprice = document.calc.laptop.value = laptopprice;
}

//Hard Drive
var hdprice = hdsize * 0.30;

//Processor - Check Boxes
if (calc.single.checked){
var processorprice = document.calc.single.value = singleprice * pcspeed;
}
if (calc.double.checked){
var processorprice = document.calc.double.value = doubleprice * pcspeed;
}
if (calc.triple.checked){
var processorprice = document.calc.triple.value = tripleprice * pcspeed;
}
if (calc.quad.checked){
var processorprice = document.calc.quad.value = quadprice * pcspeed;
}
if (calc.five.checked){
var processorprice = document.calc.five.value = fiveprice * pcspeed;
}
if (calc.six.checked){
var processorprice = document.calc.six.value = sixprice * pcspeed;
}
if (calc.seven.checked){
var processorprice = document.calc.seven.value = sevenprice * pcspeed;
}
if (calc.ht.checked){
var htprice = document.calc.ht.value = 10;
}

//RAM - Check Boxes
if (calc.ram512mb.checked){
var ramprice = document.calc.ram512mb.value = ram512mbprice;
}
if (calc.ram756mb.checked){
var ramprice = document.calc.ram756mb.value = ram756mbprice;
}
if (calc.ram1000mb.checked){
var ramprice = document.calc.ram1000mb.value = ram1000mbprice;
}
if (calc.ram1500mb.checked){
var ramprice = document.calc.ram1500mb.value = ram1500mbprice;
}
if (calc.ram2000mb.checked){
var ramprice = document.calc.ram2000mb.value = ram2000mbprice;
}
if (calc.ram2500mb.checked){
var ramprice = document.calc.ram2500mb.value = ram2500mbprice;
}
if (calc.ram3000mb.checked){
var ramprice = document.calc.ram3000mb.value = ram3000mbprice;
}
if (calc.ram3500mb.checked){
var ramprice = document.calc.ram3500mb.value = ram3500mbprice;
}
if (calc.ram4000mb.checked){
var ramprice = document.calc.ram4000mb.value = ram4000mbprice;
}


//VIDEO CARD - Check Boxes
if (calc.novidprice.checked){
var vidprice = document.calc.novidprice.value = novidprice;
}
if (calc.vid64mb.checked){
var vidprice = document.calc.vid64mb.value = vid64mbprice;
}
if (calc.vid128mb.checked){
var vidprice = document.calc.vid128mb.value = vid128mbprice;
}
if (calc.vid256mb.checked){
var vidprice = document.calc.vid256mb.value = vid256mbprice;
}
if (calc.vid512mb.checked){
var vidprice = document.calc.vid512mb.value = vid512mbprice;
}
if (calc.vid768mb.checked){
var vidprice = document.calc.vid768mb.value = vid768mbprice;
}
if (calc.vid1000mb.checked){
var vidprice = document.calc.vid1000mb.value = vid1000mbprice;
}
var videoprice = vidprice;

if (calc.ddr23vid.checked){
var videoprice = document.calc.ddr23vid.value = vidprice * 1.5;
}
if (calc.ddr5mb.checked){
var videoprice = document.calc.ddr5mb.value = vidprice * 2;
}

//OPTICAL DRIVES - Checkbox
if (calc.cdrom.checked){
var driveprice = document.calc.cdrom.value = cdromprice;
}
if (calc.cdrw.checked){
var driveprice = document.calc.cdrw.value = cdrwprice;
}
if (calc.cdrwdvdrom.checked){
var driveprice = document.calc.cdrwdvdrom.value = cdrwdvdromprice;
}
if (calc.cdrwdvdrw.checked){
var driveprice = document.calc.cdrwdvdrw.value = cdrwdvdrwprice;
}

//CONNECTIVITY - Checkbox
if (calc.nic.checked){
var connectprice = document.calc.nic.value = nicprice;
}
if (calc.modem.checked){
var connectprice = document.calc.modem.value = modemprice;
}
if (calc.wireless.checked){
var connectprice = document.calc.wireless.value = wirelessprice;
}

// OFFICE - Checkbox
if (calc.noffice.checked){
var officeprice = document.calc.nooffice.value = officeprice;
}
if (calc.office97.checked){
var officeprice = document.calc.office97.value = office97price;
}
if (calc.office03.checked){
var officeprice = document.calc.office03.value = office03price;
}
if (calc.office07.checked){
var officeprice = document.calc.office07.value = office07price;
}

//OPERATING SYSTEM - Checkbox
if (calc.xp.checked){
var osprice = document.calc.xp.value = xpprice;
}
if (calc.vista.checked){
var osprice = document.calc.vista.value = vistaprice;
}
if (calc.windows7os.checked){
var osprice = document.calc.windows7os.value = windows7osprice;
}

document.calc.pay.value = typeprice + processorprice + htprice + ramprice + videoprice + driveprice + connectprice + officeprice + osprice + hdprice;
}
Go to the top of the page 
 
  + Quote Post
RSpain
post Jun 18 2011, 08:34 AM
Post #2


Newbie
*

Group: Members
Posts: 12
Joined: 20-February 11
From: North Carolina
Member No.: 178,599



Hi. I would remove onsubmit="count()" from the submit button, and add onsubmit="count();return false" to the form tag so it's like this:
CODE
<form name="calc" method="POST" action="" onsubmit="count();return false">

The return false means we don't want to submit the form to a PHP script.

Now if we go to the count function in calculate.js and change it to something like this:
CODE
function count(){
document.calc.pay.value=666.66;
}

we see that it works (at least at saying everything costs $666.66). So that proves there must be something wrong in the function. Unfortunately in this case when we get it wrong, we may be sent to a blank page, but otherwise it's just the simple but tedious matter of debugging and continuing to add functionality.

You'd probably figure out you need to remove the space from:
var wireless price = 0;
so it's
var wirelessprice = 0;

Also, there is no ram756mb checkbox. Do you mean 768?

There is no novidprice checkbox. Do you mean novid?

There is no ddr5mb. Do you mean ddr5vid?

There is no noffice. Do you mean nooffice?

Also, although it works I'd suggest you only use var when declaring a variable, not upon every use.

I was somewhat bored, so here's what I have for a working count function at this point, but you'll need to work on it more as I notice some of the video cards are not being counted.

CODE
function count()
{

//Type variables
var pcprice = 0;
var laptopprice = 20;
var typeprice = 0;

//Processor variables
var singleprice = 1.67;
var doubleprice = 2.05;
var tripleprice = 1.31;
var quadprice = 2.30;
var fiveprice = 1.97;
var sixprice = 2.0;
var sevenprice = 3.09;
var htprice = 0;
var processorprice = 0;

//RAM variables
var ram512mbprice = 15;
var ram756mbprice = 22;
var ram1000mbprice = 30;
var ram1500mbprice = 45;
var ram2000mbprice = 60;
var ram2500mbprice = 75;
var ram3000mbprice = 80;
var ram3500mbprice = 95;
var ram4000mbprice = 110;
var ramprice = 0;

//Video Card variables
var novidprice = 0;
var vid64mbprice = 10;
var vid128mbprice = 15;
var vid256mbprice = 20;
var vid512mbprice = 28;
var vid768mbprice = 33;
var vid1000mbprice = 40;
var ddr23vidprice = 1.5;
var ddr5vidprice = 2;
var vidprice = 0;
var videoprice = 0;

//Optical Drives variables
var cdromprice = 2;
var cdrwprice = 5;
var cdrwdvdromprice = 20;
var cdrwdvdrwprice = 35;
var driveprice = 0;

//Connectivity variables
var nicprice = 0;
var modemprice = 5;
var wirelessprice = 20;
var connectprice = 0;

//Office variables
var noofficeprice = 0;
var office97price = 0;
var office03price = 30;
var office07price = 50;
var officeprice = 0;

//Operating System variables
var xpprice = 0;
var vistaprice = 0;
var windows7osprice = 110;
var osprice = 0;

//Hard drive - Input Box
var hdsize = document.getElementById('size');
var hdprice = 0;

//Processor Speed - Input Box
var pcspeed = document.getElementById('speed');
var processorprice = 0;

//COMPUTER TYPE - Check Boxes
if (calc.pc.checked){
typeprice = document.calc.pc.value = pcprice;
}
if (calc.laptop.checked){
typeprice = document.calc.laptop.value = laptopprice;
}

//Hard Drive
hdprice = hdsize * 0.30;

//Processor - Check Boxes
if (calc.single.checked){
processorprice = document.calc.single.value = singleprice * pcspeed;
}
if (calc.double.checked){
processorprice = document.calc.double.value = doubleprice * pcspeed;
}
if (calc.triple.checked){
processorprice = document.calc.triple.value = tripleprice * pcspeed;
}
if (calc.quad.checked){
processorprice = document.calc.quad.value = quadprice * pcspeed;
}
if (calc.five.checked){
processorprice = document.calc.five.value = fiveprice * pcspeed;
}
if (calc.six.checked){
processorprice = document.calc.six.value = sixprice * pcspeed;
}
if (calc.seven.checked){
processorprice = document.calc.seven.value = sevenprice * pcspeed;
}
if (calc.ht.checked){
htprice = document.calc.ht.value = 10;
}

//RAM - Check Boxes
if (calc.ram512mb.checked){
ramprice = document.calc.ram512mb.value = ram512mbprice;
}
if (calc.ram768mb.checked){
ramprice = document.calc.ram756mb.value = ram756mbprice;
}
if (calc.ram1000mb.checked){
ramprice = document.calc.ram1000mb.value = ram1000mbprice;
}
if (calc.ram1500mb.checked){
ramprice = document.calc.ram1500mb.value = ram1500mbprice;
}
if (calc.ram2000mb.checked){
ramprice = document.calc.ram2000mb.value = ram2000mbprice;
}
if (calc.ram2500mb.checked){
ramprice = document.calc.ram2500mb.value = ram2500mbprice;
}
if (calc.ram3000mb.checked){
ramprice = document.calc.ram3000mb.value = ram3000mbprice;
}
if (calc.ram3500mb.checked){
ramprice = document.calc.ram3500mb.value = ram3500mbprice;
}
if (calc.ram4000mb.checked){
ramprice = document.calc.ram4000mb.value = ram4000mbprice;
}


//VIDEO CARD - Check Boxes
if (calc.novid.checked){
vidprice = document.calc.novidprice.value = novidprice;
}
if (calc.vid64mb.checked){
vidprice = document.calc.vid64mb.value = vid64mbprice;
}
if (calc.vid128mb.checked){
vidprice = document.calc.vid128mb.value = vid128mbprice;
}
if (calc.vid256mb.checked){
vidprice = document.calc.vid256mb.value = vid256mbprice;
}
if (calc.vid512mb.checked){
vidprice = document.calc.vid512mb.value = vid512mbprice;
}
if (calc.vid768mb.checked){
vidprice = document.calc.vid768mb.value = vid768mbprice;
}
if (calc.vid1000mb.checked){
vidprice = document.calc.vid1000mb.value = vid1000mbprice;
}
videoprice = vidprice;

if (calc.ddr23vid.checked){
videoprice = document.calc.ddr23vid.value = vidprice * 1.5;
}
if (calc.ddr5vid.checked){
videoprice = document.calc.ddr5vid.value = vidprice * 2;
}

//OPTICAL DRIVES - Checkbox
if (calc.cdrom.checked){
driveprice = document.calc.cdrom.value = cdromprice;
}
if (calc.cdrw.checked){
driveprice = document.calc.cdrw.value = cdrwprice;
}
if (calc.cdrwdvdrom.checked){
driveprice = document.calc.cdrwdvdrom.value = cdrwdvdromprice;
}
if (calc.cdrwdvdrw.checked){
driveprice = document.calc.cdrwdvdrw.value = cdrwdvdrwprice;
}

//CONNECTIVITY - Checkbox
if (calc.nic.checked){
connectprice = document.calc.nic.value = nicprice;
}
if (calc.modem.checked){
connectprice = document.calc.modem.value = modemprice;
}
if (calc.wireless.checked){
connectprice = document.calc.wireless.value = wirelessprice;
}

// OFFICE - Checkbox
if (calc.nooffice.checked){
officeprice = document.calc.nooffice.value = officeprice;
}
if (calc.office97.checked){
officeprice = document.calc.office97.value = office97price;
}
if (calc.office03.checked){
officeprice = document.calc.office03.value = office03price;
}
if (calc.office07.checked){
officeprice = document.calc.office07.value = office07price;
}

//OPERATING SYSTEM - Checkbox
if (calc.xp.checked){
osprice = document.calc.xp.value = xpprice;
}
if (calc.vista.checked){
osprice = document.calc.vista.value = vistaprice;
}
if (calc.windows7os.checked){
osprice = document.calc.windows7os.value = windows7osprice;
}

document.calc.pay.value = typeprice + processorprice + htprice + ramprice + videoprice + driveprice + connectprice + officeprice + osprice + hdprice;
}
Go to the top of the page 
 
  + Quote Post
 Closed Topic Start new topic
left right
0 Members:
left right
 


Lo-Fi Version Time is now: 22nd May 2013 - 08:12 AM