ThatScriptGuy
05-26-2006, 12:16 PM
OK, we I've got a javascript order from coded for a local business and it has been working fantastically. Yesterday, however, they told me that they would like 3 radio buttons with choices for 2 year warranty, 1 year warranty, or no warranty. So I had to come up with a javascript to adjust the price accordingly....I said no problem, as I thought it would be..no problem. However, it is a problem. I just absolutely cannot get the stupid radio buttons to update the price. IE tells me: "Object doesn't support this property or method"....lot of help, huh?
Anyway, I'm posting the generated code here (all this info is dynamically pulled from a DB...I'm just posting the generated HTML here so somebody can help me out)..
Thanks a ton,
Kevin
The Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Zorro's Computers - Custom Quote Form</title>
<script type="text/javascript">
function warranty(am){
document.sel.warranty.value = parseFloat(am);
priceIt();
}
</script>
<script type="text/javascript">
function showPic(){
var casepic = document.sel.select.value;
document.casepic.src = "images/cases/"+casepic+".png";
}
</script>
<script type="text/javascript">
function priceIt(){
var syscase = document.sel.select.value;
var cdrom1 = document.sel.select2.value;
var motherboard = document.sel.select3.value;
var cdrom2 = document.sel.select4.value;
var cpu = document.sel.select5.value;
var soundcard = document.sel.select6.value;
var fan = document.sel.select7.value;
var speakers = document.sel.select8.value;
var harddrive = document.sel.select9.value;
var modem = document.sel.select10.value;
var harddrive2 = document.sel.select11.value;
var memory = document.sel.select12.value;
var videocard = document.sel.select13.value;
var memory2 = document.sel.select14.value;
var monitor = document.sel.select15.value;
var memory3 = document.sel.select16.value;
var keyboard = document.sel.select17.value;
var memory4 = document.sel.select18.value;
var mouse = document.sel.select19.value;
var floppy = document.sel.select20.value;
var os = document.sel.select21.value;
var software = document.sel.select25.value;
var cost1 = document.sel.cost1.value;
var cost2 = document.sel.cost2.value;
var cost3 = document.sel.cost3.value;
if(cost1 == ''){
document.sel.cost1.value = '0';
}
if(cost2 == ''){
document.sel.cost2.value = '0';
}
if(cost3 == ''){
document.sel.cost3.value = '0';
}
document.sel.price.value = (parseFloat(syscase) + parseFloat(cdrom1) + parseFloat(motherboard) + parseFloat(cdrom2) + parseFloat(cpu) + parseFloat(soundcard) + parseFloat(fan)
+ parseFloat(speakers) + parseFloat(harddrive) + parseFloat(modem) + parseFloat(harddrive2) + parseFloat(memory) + parseFloat(videocard)
+ parseFloat(memory2) + parseFloat(monitor) + parseFloat(memory3) + parseFloat(keyboard) + parseFloat(memory4) + parseFloat(mouse)
+ parseFloat(floppy) + parseFloat(os) + parseFloat(software)).toFixed(2);
document.sel.totalAddOns.value = (parseFloat(cost1) + parseFloat(cost2) + parseFloat(cost3)).toFixed(2);
document.sel.totalprice.value = (eval(document.sel.price.value) + eval(document.sel.totalAddOns.value) + eval(document.sel.warrantyprice.value)).toFixed(2);
return;
}
</script></head>
<body link="blue" vlink="blue" alink="blue" bgcolor="#FF9933">
<center><a href="index.php"><img src="images/logomodified3.gif" border="0"></a><br>
<img src="images/orange.gif" name="casepic"></center>
<form name="sel" action="form2.php" method="POST" onSubmit="priceIt()">
<input type="hidden" name="hidden">
<input type="hidden" name="hidden2">
<input type="hidden" name="hidden3">
<input type="hidden" name="hidden4">
<input type="hidden" name="hidden5">
<input type="hidden" name="hidden6">
<input type="hidden" name="hidden7">
<input type="hidden" name="hidden8">
<input type="hidden" name="hidden9">
<input type="hidden" name="hidden10">
<input type="hidden" name="hidden11">
<input type="hidden" name="hidden12">
<input type="hidden" name="hidden13">
<input type="hidden" name="hidden14">
<input type="hidden" name="hidden15">
<input type="hidden" name="hidden16">
<input type="hidden" name="hidden17">
<input type="hidden" name="hidden18">
<input type="hidden" name="hidden19">
<input type="hidden" name="hidden20">
<input type="hidden" name="hidden21">
<input type="hidden" name="hidden25">
<div style="font-size:10px;font-family:Arial">
<table width="80%" border="0" class="page" align="center">
<tr>
<td colspan="3" bgcolor="#ececec"><div style="font-size:12px;font-weight:bold">System Configuration:</div></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:12px;font-weight:bold">Multimedia And The Internet: </div></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Case:</div></td>
<td bgcolor="#ececec" colspan="2"><select name="select" onChange="priceIt(); this.form.hidden.value=this.options[ this.selectedIndex ].text; showPic();" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="159">ATX Full Tower Navigator 500 watt P. S.</option><option value="89">ATX Mid Tower Side Window 420 Watt P. S.</option><option value="59">ATX Mid Tower Standard</option> </select> </td>
<td bgcolor="#ececec"><div align="right">CD Rom 1: </div></td>
<td bgcolor="#ececec"><select name="select2" onChange="priceIt(); this.form.hidden2.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="39">CDRW - DVD Rom Combo Drive</option><option value="39">CDRW 52x32x52</option><option value="39">DVD R 16x</option><option value="59">DVDRW 16x Double Layer</option> </select> </td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Motherboard: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select3" onChange="priceIt(); this.form.hidden3.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">AMD 64 /Sempron 754/GeForce 6100/A&V&L/M</option><option value="199">AMD 64 FX 939/nForce4/PCI-Express/RAID/2GBE</option><option value="79">P4/Celeron 478 533/800 FBS DDR Integrated V/A/S/L</option><option value="89">P4/Celeron 775 800 FBS DDR Integrated V/A/S/L</option><option value="129">P4/Celeron 775 800 FBUS DDR2 PCI Ex. SATA S/L</option><option value="159">P4/Celeron 775 800 FBUS DDR2 PCI Exp. SATA Dual Core</option> </select> </td>
<td bgcolor="#ececec"><div align="right">CD Rom 2: </div></td>
<td bgcolor="#ececec"><select name="select4" onChange="priceIt(); this.form.hidden4.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="39">CDRW - DVD Rom Combo Drive</option><option value="39">CDRW 52x32x52</option><option value="39">DVD R 16x</option><option value="59">DVDRW 16x Double Layer</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">CPU: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select5" onChange="priceIt(); this.form.hidden5.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="289">AMD Athlon 64 Processor 3700+* (2.2GHz) 939pin</option><option value="1250">AMD Athlon 64 Processor FX-60 (2.6GHz)</option><option value="589">AMD Athlon 64 X2 Dual-Core Processor 4400+* (2.2GHz)</option><option value="135">AMD Sempron Processor 3400+* 32bit 754pin</option><option value="79">Intel Celeron D 335 2.8GHz 533MHz 256K 478pin </option><option value="89">Intel Celeron D 346 3.06GHz 533MHz 256K LGA775 </option><option value="119">Intel Celeron D 355 3.33GHz 533MHz 256K LGA775 </option><option value="229">Intel Pentium 4 3.0GHz 800MHz 2MB LGA775 </option><option value="269">Intel Pentium 4 640 3.2GHz 800MHz 2MB LGA775 </option><option value="339">Intel Pentium D 940 Dual Core 3.2GHz 800MHz 2x2MB LGA775 </option><option value="439">Intel Pentium D 950 Dual Core 3.4GHz 800MHz 2x2MB LGA775 </option><option value="1250">Intel Pentium Extreme Edition 955 Dual Core 3.46GHz 2x2M 1066MHz LGA775 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Sound Card: </div></td>
<td bgcolor="#ececec"><select name="select6" onChange="priceIt(); this.form.hidden6.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="449">Creative Labs Sound Blaster X-Fi Elite Pro 7.1 </option><option value="99">Sound Blaster Audigy 4 7.1 24-bit</option><option value="39">Sound Blaster Audigy SE 7.1 24-bit </option><option value="219">Sound Blaster X-Fi Platinum 24-bit W/Comp </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Fan:</div></td>
<td bgcolor="#ececec" colspan="2"><select name="select7" onChange="priceIt(); this.form.hidden7.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
</select></td>
<td bgcolor="#ececec"><div align="right">Speakers: </div></td>
<td bgcolor="#ececec"><select name="select8" onChange="priceIt(); this.form.hidden8.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="249">Creative GigaWorks ProGamer G500 5.1 Speaker System</option><option value="99">Creative Inspire P7800 Speaker System </option><option value="19">Creative SBS260B 2-Piece Speaker System </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Hard Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select9" onChange="priceIt(); this.form.hidden9.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">120GB SATA II 7200rpm 8MB </option><option value="99">200GB ATA100 7200rpm 8MB </option><option value="109">200GB SATA II 7200rpm 8MB </option><option value="149">300GB SATA II 7200rpm 8MB </option><option value="239">400GB SATA 7200rpm 16MB </option><option value="379">500GB SATAII 7200rpm 16MB RAID </option><option value="69">80GB ATA100 7200rpm 2MB </option> </select></td>
<td bgcolor="#ececec"><div align="right">Modem: </div></td>
<td bgcolor="#ececec"><select name="select10" onChange="priceIt(); this.form.hidden10.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">56 K PCI V92</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">2nd Hard Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select11" onChange="priceIt(); this.form.hidden11.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">120GB SATA II 7200rpm 8MB </option><option value="99">200GB ATA100 7200rpm 8MB </option><option value="109">200GB SATA II 7200rpm 8MB </option><option value="149">300GB SATA II 7200rpm 8MB </option><option value="239">400GB SATA 7200rpm 16MB </option><option value="379">500GB SATAII 7200rpm 16MB RAID </option><option value="69">80GB ATA100 7200rpm 2MB </option> </select></td>
<td bgcolor="#ececec" colspan="2"><div align="left"><div style="font-size:12px;font-weight:bold">Interface And Output: </div></div></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 1: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select12" onChange="priceIt(); this.form.hidden12.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Video Card: </div></td>
<td bgcolor="#ececec"><select name="select13" onChange="priceIt(); this.form.hidden13.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="229">ATI All-In-Wonder 2006 256MB PCI-Express Video Card</option><option value="659">ATI Radeon X1900 CrossFire 512MB PCI-Express </option><option value="69">ATI Radeon X300SE 128MB TV/DVI PCI-Express </option><option value="59">GeForce 6200 TurboCache 128MB DDR2 Support to 256MB TV/DVI PCI Express</option><option value="139">GeForce 6600 256MB DVI/TV-out PCI-Express </option><option value="239">Geforce 7600GT 256MB 2DVI/VIVO PCI Express </option><option value="159">Radeon X1600 Pro 256MB TV-Out/DVI/2Head PCI-Express </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 2: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select14" onChange="priceIt(); this.form.hidden14.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Monitor: </div></td>
<td bgcolor="#ececec"><select name="select15" onChange="priceIt(); this.form.hidden15.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="229">17" Flat Panel</option><option value="299">19" Flat Panel Brand name</option><option value="1299">23" SONY Flat Panel </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 3: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select16" onChange="priceIt(); this.form.hidden16.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Keyboard: </div></td>
<td bgcolor="#ececec"><select name="select17" onChange="priceIt(); this.form.hidden17.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="29">Microsoft PS2/USB</option><option value="49">Microsoft Wireless USB</option><option value="10">Standard 102 K.</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 4: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select18" onChange="priceIt(); this.form.hidden18.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Mouse: </div></td>
<td bgcolor="#ececec"><select name="select19" onChange="priceIt(); this.form.hidden19.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">Microsoft Optical PS2/USB</option><option value="29">Microsoft Wireless Optical USB</option><option value="10">Standard Optical Mouse</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Floppy Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select20" onChange="priceIt(); this.form.hidden20.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="10">3 1/2 Floppy Drive Black</option> </select></td>
<td bgcolor="#ececec"><div align="right">Operating System: </div></td>
<td bgcolor="#ececec"><select name="select21" onChange="priceIt(); this.form.hidden21.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="99">Windows XP Home SP2</option><option value="179">Windows XP Professional SP2</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec" colspan="3"> </td>
<td bgcolor="#ececec"><div align="right">Software: </div></td>
<td bgcolor="#ececec"><select name="select25" onChange="priceIt(); this.form.hidden25.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">Command Anti Virus 1 year</option><option value="199">Microsoft Office Basic Edition 2003 w/SP2 </option><option value="389">Microsoft Office Professional Edition 2003 w/SP2 </option><option value="89">Microsoft Works Suite 2006/CD (1-Pack) </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec" colspan="5"><h2 style="font-size: 14px; font-family: Arial, sans-serif; margin-left: 25px; color: #003399">If there is anything not listed here that you would like with your Custom PC, please add it below (Software or Hardware)</h2></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part1" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost1" type="text" onfocus="this.select()" onBlur="priceIt()" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">1 Year Extended Warranty - $139 <input type="radio" value="139" name="warranty" onClick="warranty(139)"></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part2" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost2" type="text" onfocus="this.select()" onBlur="priceIt()" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">2 Year Extended Warranty - $199 <input type="radio" value="199" name="warranty" onClick="warranty(199)">
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part3" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost3" type="text" onfocus="this.select()" onBlur="priceIt();" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">No Warranty - $0 <input type="radio" value="0" name="warranty" onClick="warranty(0)" checked="checked"></td>
</tr>
<tr>
<td colspan="5" align="center"><div style="font-size:18px;font-weight:bold">System Price:
$<input name="price" type="text" value="0" size="8" readonly="readonly">
Total Add-On's:
$<input name="totalAddOns" type="text" value="0" size="8" readonly="readonly">
Warranty:
$<input name="warrantyprice" type="text" value="0" size="8" readonly="readonly">
Total Price: $<input name="totalprice" type="text" value="0" size="8" readonly="readonly">
</td>
</tr>
<tr><td align="center" colspan="2"><br><br><input type="button" value="Home" onclick="location.href='./index.php'"></td>
<td align="center" colspan="2"><br><br><input type="submit" name="submit" value="Continue"></td>
<td align="center" colspan="2"><br><br> </td><br><br>
</form>
</table>
</div>
<center><table width="80%">
<tr><td width="100%" bgcolor="#cccccc" align="center"><font align="center"><b>Step 1 of 2</b><br>
<strong><font color="#000040" size="+2" face="Verdana, Arial, Helvetica, sans-serif" align="right">1-866-ZORROS1</font></strong></font>
</td></tr></table>
</center>
</body>
</html>
Anyway, I'm posting the generated code here (all this info is dynamically pulled from a DB...I'm just posting the generated HTML here so somebody can help me out)..
Thanks a ton,
Kevin
The Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Zorro's Computers - Custom Quote Form</title>
<script type="text/javascript">
function warranty(am){
document.sel.warranty.value = parseFloat(am);
priceIt();
}
</script>
<script type="text/javascript">
function showPic(){
var casepic = document.sel.select.value;
document.casepic.src = "images/cases/"+casepic+".png";
}
</script>
<script type="text/javascript">
function priceIt(){
var syscase = document.sel.select.value;
var cdrom1 = document.sel.select2.value;
var motherboard = document.sel.select3.value;
var cdrom2 = document.sel.select4.value;
var cpu = document.sel.select5.value;
var soundcard = document.sel.select6.value;
var fan = document.sel.select7.value;
var speakers = document.sel.select8.value;
var harddrive = document.sel.select9.value;
var modem = document.sel.select10.value;
var harddrive2 = document.sel.select11.value;
var memory = document.sel.select12.value;
var videocard = document.sel.select13.value;
var memory2 = document.sel.select14.value;
var monitor = document.sel.select15.value;
var memory3 = document.sel.select16.value;
var keyboard = document.sel.select17.value;
var memory4 = document.sel.select18.value;
var mouse = document.sel.select19.value;
var floppy = document.sel.select20.value;
var os = document.sel.select21.value;
var software = document.sel.select25.value;
var cost1 = document.sel.cost1.value;
var cost2 = document.sel.cost2.value;
var cost3 = document.sel.cost3.value;
if(cost1 == ''){
document.sel.cost1.value = '0';
}
if(cost2 == ''){
document.sel.cost2.value = '0';
}
if(cost3 == ''){
document.sel.cost3.value = '0';
}
document.sel.price.value = (parseFloat(syscase) + parseFloat(cdrom1) + parseFloat(motherboard) + parseFloat(cdrom2) + parseFloat(cpu) + parseFloat(soundcard) + parseFloat(fan)
+ parseFloat(speakers) + parseFloat(harddrive) + parseFloat(modem) + parseFloat(harddrive2) + parseFloat(memory) + parseFloat(videocard)
+ parseFloat(memory2) + parseFloat(monitor) + parseFloat(memory3) + parseFloat(keyboard) + parseFloat(memory4) + parseFloat(mouse)
+ parseFloat(floppy) + parseFloat(os) + parseFloat(software)).toFixed(2);
document.sel.totalAddOns.value = (parseFloat(cost1) + parseFloat(cost2) + parseFloat(cost3)).toFixed(2);
document.sel.totalprice.value = (eval(document.sel.price.value) + eval(document.sel.totalAddOns.value) + eval(document.sel.warrantyprice.value)).toFixed(2);
return;
}
</script></head>
<body link="blue" vlink="blue" alink="blue" bgcolor="#FF9933">
<center><a href="index.php"><img src="images/logomodified3.gif" border="0"></a><br>
<img src="images/orange.gif" name="casepic"></center>
<form name="sel" action="form2.php" method="POST" onSubmit="priceIt()">
<input type="hidden" name="hidden">
<input type="hidden" name="hidden2">
<input type="hidden" name="hidden3">
<input type="hidden" name="hidden4">
<input type="hidden" name="hidden5">
<input type="hidden" name="hidden6">
<input type="hidden" name="hidden7">
<input type="hidden" name="hidden8">
<input type="hidden" name="hidden9">
<input type="hidden" name="hidden10">
<input type="hidden" name="hidden11">
<input type="hidden" name="hidden12">
<input type="hidden" name="hidden13">
<input type="hidden" name="hidden14">
<input type="hidden" name="hidden15">
<input type="hidden" name="hidden16">
<input type="hidden" name="hidden17">
<input type="hidden" name="hidden18">
<input type="hidden" name="hidden19">
<input type="hidden" name="hidden20">
<input type="hidden" name="hidden21">
<input type="hidden" name="hidden25">
<div style="font-size:10px;font-family:Arial">
<table width="80%" border="0" class="page" align="center">
<tr>
<td colspan="3" bgcolor="#ececec"><div style="font-size:12px;font-weight:bold">System Configuration:</div></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:12px;font-weight:bold">Multimedia And The Internet: </div></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Case:</div></td>
<td bgcolor="#ececec" colspan="2"><select name="select" onChange="priceIt(); this.form.hidden.value=this.options[ this.selectedIndex ].text; showPic();" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="159">ATX Full Tower Navigator 500 watt P. S.</option><option value="89">ATX Mid Tower Side Window 420 Watt P. S.</option><option value="59">ATX Mid Tower Standard</option> </select> </td>
<td bgcolor="#ececec"><div align="right">CD Rom 1: </div></td>
<td bgcolor="#ececec"><select name="select2" onChange="priceIt(); this.form.hidden2.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="39">CDRW - DVD Rom Combo Drive</option><option value="39">CDRW 52x32x52</option><option value="39">DVD R 16x</option><option value="59">DVDRW 16x Double Layer</option> </select> </td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Motherboard: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select3" onChange="priceIt(); this.form.hidden3.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">AMD 64 /Sempron 754/GeForce 6100/A&V&L/M</option><option value="199">AMD 64 FX 939/nForce4/PCI-Express/RAID/2GBE</option><option value="79">P4/Celeron 478 533/800 FBS DDR Integrated V/A/S/L</option><option value="89">P4/Celeron 775 800 FBS DDR Integrated V/A/S/L</option><option value="129">P4/Celeron 775 800 FBUS DDR2 PCI Ex. SATA S/L</option><option value="159">P4/Celeron 775 800 FBUS DDR2 PCI Exp. SATA Dual Core</option> </select> </td>
<td bgcolor="#ececec"><div align="right">CD Rom 2: </div></td>
<td bgcolor="#ececec"><select name="select4" onChange="priceIt(); this.form.hidden4.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="39">CDRW - DVD Rom Combo Drive</option><option value="39">CDRW 52x32x52</option><option value="39">DVD R 16x</option><option value="59">DVDRW 16x Double Layer</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">CPU: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select5" onChange="priceIt(); this.form.hidden5.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="289">AMD Athlon 64 Processor 3700+* (2.2GHz) 939pin</option><option value="1250">AMD Athlon 64 Processor FX-60 (2.6GHz)</option><option value="589">AMD Athlon 64 X2 Dual-Core Processor 4400+* (2.2GHz)</option><option value="135">AMD Sempron Processor 3400+* 32bit 754pin</option><option value="79">Intel Celeron D 335 2.8GHz 533MHz 256K 478pin </option><option value="89">Intel Celeron D 346 3.06GHz 533MHz 256K LGA775 </option><option value="119">Intel Celeron D 355 3.33GHz 533MHz 256K LGA775 </option><option value="229">Intel Pentium 4 3.0GHz 800MHz 2MB LGA775 </option><option value="269">Intel Pentium 4 640 3.2GHz 800MHz 2MB LGA775 </option><option value="339">Intel Pentium D 940 Dual Core 3.2GHz 800MHz 2x2MB LGA775 </option><option value="439">Intel Pentium D 950 Dual Core 3.4GHz 800MHz 2x2MB LGA775 </option><option value="1250">Intel Pentium Extreme Edition 955 Dual Core 3.46GHz 2x2M 1066MHz LGA775 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Sound Card: </div></td>
<td bgcolor="#ececec"><select name="select6" onChange="priceIt(); this.form.hidden6.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="449">Creative Labs Sound Blaster X-Fi Elite Pro 7.1 </option><option value="99">Sound Blaster Audigy 4 7.1 24-bit</option><option value="39">Sound Blaster Audigy SE 7.1 24-bit </option><option value="219">Sound Blaster X-Fi Platinum 24-bit W/Comp </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Fan:</div></td>
<td bgcolor="#ececec" colspan="2"><select name="select7" onChange="priceIt(); this.form.hidden7.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
</select></td>
<td bgcolor="#ececec"><div align="right">Speakers: </div></td>
<td bgcolor="#ececec"><select name="select8" onChange="priceIt(); this.form.hidden8.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="249">Creative GigaWorks ProGamer G500 5.1 Speaker System</option><option value="99">Creative Inspire P7800 Speaker System </option><option value="19">Creative SBS260B 2-Piece Speaker System </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Hard Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select9" onChange="priceIt(); this.form.hidden9.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">120GB SATA II 7200rpm 8MB </option><option value="99">200GB ATA100 7200rpm 8MB </option><option value="109">200GB SATA II 7200rpm 8MB </option><option value="149">300GB SATA II 7200rpm 8MB </option><option value="239">400GB SATA 7200rpm 16MB </option><option value="379">500GB SATAII 7200rpm 16MB RAID </option><option value="69">80GB ATA100 7200rpm 2MB </option> </select></td>
<td bgcolor="#ececec"><div align="right">Modem: </div></td>
<td bgcolor="#ececec"><select name="select10" onChange="priceIt(); this.form.hidden10.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">56 K PCI V92</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">2nd Hard Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select11" onChange="priceIt(); this.form.hidden11.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="89">120GB SATA II 7200rpm 8MB </option><option value="99">200GB ATA100 7200rpm 8MB </option><option value="109">200GB SATA II 7200rpm 8MB </option><option value="149">300GB SATA II 7200rpm 8MB </option><option value="239">400GB SATA 7200rpm 16MB </option><option value="379">500GB SATAII 7200rpm 16MB RAID </option><option value="69">80GB ATA100 7200rpm 2MB </option> </select></td>
<td bgcolor="#ececec" colspan="2"><div align="left"><div style="font-size:12px;font-weight:bold">Interface And Output: </div></div></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 1: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select12" onChange="priceIt(); this.form.hidden12.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Video Card: </div></td>
<td bgcolor="#ececec"><select name="select13" onChange="priceIt(); this.form.hidden13.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="229">ATI All-In-Wonder 2006 256MB PCI-Express Video Card</option><option value="659">ATI Radeon X1900 CrossFire 512MB PCI-Express </option><option value="69">ATI Radeon X300SE 128MB TV/DVI PCI-Express </option><option value="59">GeForce 6200 TurboCache 128MB DDR2 Support to 256MB TV/DVI PCI Express</option><option value="139">GeForce 6600 256MB DVI/TV-out PCI-Express </option><option value="239">Geforce 7600GT 256MB 2DVI/VIVO PCI Express </option><option value="159">Radeon X1600 Pro 256MB TV-Out/DVI/2Head PCI-Express </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 2: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select14" onChange="priceIt(); this.form.hidden14.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Monitor: </div></td>
<td bgcolor="#ececec"><select name="select15" onChange="priceIt(); this.form.hidden15.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="229">17" Flat Panel</option><option value="299">19" Flat Panel Brand name</option><option value="1299">23" SONY Flat Panel </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 3: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select16" onChange="priceIt(); this.form.hidden16.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Keyboard: </div></td>
<td bgcolor="#ececec"><select name="select17" onChange="priceIt(); this.form.hidden17.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="29">Microsoft PS2/USB</option><option value="49">Microsoft Wireless USB</option><option value="10">Standard 102 K.</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Memory Slot 4: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select18" onChange="priceIt(); this.form.hidden18.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="149">1 GB DDR 400 3200 </option><option value="182">1 GB DDR II 667 5400</option><option value="269">1 GB DDR II 800 6400</option><option value="49">256 MB DDR 400 3200 </option><option value="89">512 DDR II 667 5400</option><option value="69">512 MB DDR 400 3200 </option> </select></td>
<td bgcolor="#ececec"><div align="right">Mouse: </div></td>
<td bgcolor="#ececec"><select name="select19" onChange="priceIt(); this.form.hidden19.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">Microsoft Optical PS2/USB</option><option value="29">Microsoft Wireless Optical USB</option><option value="10">Standard Optical Mouse</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Floppy Drive: </div></td>
<td bgcolor="#ececec" colspan="2"><select name="select20" onChange="priceIt(); this.form.hidden20.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="10">3 1/2 Floppy Drive Black</option> </select></td>
<td bgcolor="#ececec"><div align="right">Operating System: </div></td>
<td bgcolor="#ececec"><select name="select21" onChange="priceIt(); this.form.hidden21.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="99">Windows XP Home SP2</option><option value="179">Windows XP Professional SP2</option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec" colspan="3"> </td>
<td bgcolor="#ececec"><div align="right">Software: </div></td>
<td bgcolor="#ececec"><select name="select25" onChange="priceIt(); this.form.hidden25.value=this.options[ this.selectedIndex ].text;" style="font-size:10px;font-family:Arial;background-color:#ececec">
<option value="0">(not required)</option>
<option value="19">Command Anti Virus 1 year</option><option value="199">Microsoft Office Basic Edition 2003 w/SP2 </option><option value="389">Microsoft Office Professional Edition 2003 w/SP2 </option><option value="89">Microsoft Works Suite 2006/CD (1-Pack) </option> </select></td>
</tr>
<tr>
<td bgcolor="#ececec" colspan="5"><h2 style="font-size: 14px; font-family: Arial, sans-serif; margin-left: 25px; color: #003399">If there is anything not listed here that you would like with your Custom PC, please add it below (Software or Hardware)</h2></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part1" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost1" type="text" onfocus="this.select()" onBlur="priceIt()" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">1 Year Extended Warranty - $139 <input type="radio" value="139" name="warranty" onClick="warranty(139)"></td>
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part2" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost2" type="text" onfocus="this.select()" onBlur="priceIt()" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">2 Year Extended Warranty - $199 <input type="radio" value="199" name="warranty" onClick="warranty(199)">
</tr>
<tr>
<td bgcolor="#ececec"><div align="right">Add-On Part: </div></td>
<td bgcolor="#ececec"><input type="text" name="part3" value="Item" size="40" onfocus="this.select()" style="background-color:#ececec"></td>
<td bgcolor="#ececec"><div style="font-size:18px;font-family:Times">$<input name="cost3" type="text" onfocus="this.select()" onBlur="priceIt();" value="0" size="4" style="background-color:#ececec"></td>
<td bgcolor="#ececec" colspan="2"><div style="font-size:18px;font-family:Times">No Warranty - $0 <input type="radio" value="0" name="warranty" onClick="warranty(0)" checked="checked"></td>
</tr>
<tr>
<td colspan="5" align="center"><div style="font-size:18px;font-weight:bold">System Price:
$<input name="price" type="text" value="0" size="8" readonly="readonly">
Total Add-On's:
$<input name="totalAddOns" type="text" value="0" size="8" readonly="readonly">
Warranty:
$<input name="warrantyprice" type="text" value="0" size="8" readonly="readonly">
Total Price: $<input name="totalprice" type="text" value="0" size="8" readonly="readonly">
</td>
</tr>
<tr><td align="center" colspan="2"><br><br><input type="button" value="Home" onclick="location.href='./index.php'"></td>
<td align="center" colspan="2"><br><br><input type="submit" name="submit" value="Continue"></td>
<td align="center" colspan="2"><br><br> </td><br><br>
</form>
</table>
</div>
<center><table width="80%">
<tr><td width="100%" bgcolor="#cccccc" align="center"><font align="center"><b>Step 1 of 2</b><br>
<strong><font color="#000040" size="+2" face="Verdana, Arial, Helvetica, sans-serif" align="right">1-866-ZORROS1</font></strong></font>
</td></tr></table>
</center>
</body>
</html>