Can someone please help me with some Javascript??

Toggle sidebar Toggle sidebar
B

Booty

Senior member
Aug 4, 2000
977
0
0
I "borrowed" some javascript from a friend's page to use for my own purposes (configuring computer systems for friends/family), but for some reason it's not working properly. When I open the page I get the following errors (I have MS Visual Studios installed):

A Runtime Error has occured.
Do You Wish To Debug?
Line: 10
Error: Expected identifier

A Runtime Error has occured.
Do You Wish To Debug?
Line: 275
Error: Expected identifier

Which as far as I can tell (I'm VERY new to this...TOTAL newbie) these refer to the "case" section. Oh, and the calculate button does nothing. When I change "case" to "cas" it seems to solve those errors (why?!?!), but then I get:

A Runtime Error has occured.
Do You Wish To Debug?
Line: 6
Error: 'form' is undefined

Then when I try to use the calculate button I get:

A Runtime Error has occured.
Do You Wish To Debug?
Line: 271
Error: 'form.key.options' is null or not an object

Can anyone explain this to me and/or help me correct this. Like I said, I'm very new to this but I really want to learn. Any help at all is MUCH appreciated. Here's the source:

---------------------------------------------------------------------------------------


<HTML>
<HEAD>
<title>Custom Systems</title>

<SCRIPT Language=&quot;JavaScript&quot;>
<!--
form.total.value
=Number(form.cpu.options[form.cpu.selectedIndex].value)
+Number(form.mobo.options[form.mobo.selectedIndex].value)
+Number(form.ram.options[form.ram.selectedIndex].value)
+Number(form.case.options[form.case.selectedIndex].value)
+Number(form.hdd.options[form.hdd.selectedIndex].value)
+Number(form.cdvd.options[form.cdvd.selectedIndex].value)
+Number(form.fld.options[form.fld.selectedIndex].value)
+Number(form.bnr.options[form.bnr.selectedIndex].value)
+Number(form.vid.options[form.vid.selectedIndex].value)
+Number(form.snd.options[form.snd.selectedIndex].value)
+Number(form.nic.options[form.nic.selectedIndex].value)
+Number(form.mdm.options[form.mdm.selectedIndex].value)
+Number(form.key.options[form.key.selectedIndex].value)
+Number(form.mse.options[form.mse.selectedIndex].value)
+Number(form.mon.options[form.mon.selectedIndex].value)
+Number(form.spk.options[form.spk.selectedIndex].value)
+Number(form.os.options[form.os.selectedIndex].value)+'.00';
//-->
</SCRIPT>

</HEAD>

<body bgcolor=&quot;#000000&quot; text=&quot;#FFFFFF&quot; link=&quot;#CCCCCC&quot; vlink=&quot;#339966&quot; background=&quot;images/background-home.gif&quot; leftmargin=&quot;0&quot; topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>
<div align=&quot;left&quot;></div>
<div align=&quot;left&quot;>

<p>
<font size=&quot;+2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>
<b>Customize</b> | Build Your Own</font></BR>
<font size=&quot;-2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>
If an option is not listed here that you are interested in please contact us and for more information.
All prices subject to change.
</font>
</p>

</BR>
</BR>

<form method=&quot;post&quot;>

<p align=&quot;left&quot;><b>Processor:</b>
<select name=&quot;cpu&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;60.00&quot;>600 MHz Intel Celeron II</option>
<option value=&quot;70.00&quot;>700 MHz Intel Celeron II</option>
<option value=&quot;90.00&quot;>800 MHz Intel Celeron II </option>
<option value=&quot;45.00&quot;>700 MHz AMD Duron</option>
<option value=&quot;55.00&quot;>800 MHz AMD Duron</option>
<option value=&quot;75.00&quot;>900 MHz AMD Duron</option>
<option value=&quot;125.00&quot;>733 MHz Intel Pentium III</option>
<option value=&quot;175.00&quot;>866 MHz Intel Pentium III</option>
<option value=&quot;200.00&quot; selected>1000 MHz (1 GHz) Intel Pentium III</option>
<option value=&quot;90.00&quot;>850 MHz AMD Athlon</option>
<option value=&quot;135.00&quot;>1.0 GHz AMD Athlon</option>
<option value=&quot;165.00&quot;>1.2 GHz AMD Athlon</option>
<option value=&quot;250.00&quot;>1.4 GHz AMD Athlon</option>
<option value=&quot;275.00&quot;>1.5 GHz Pentium 4</option>
<option value=&quot;400.00&quot;>1.7 GHz Pentium 4</option>
</select>
</p>
<p align=&quot;left&quot;> <b>Motherboard:</B>
<select name=&quot;mobo&quot;>
<option value=&quot;125.00&quot;>Standard (for AMD CPUs)</option>
<option value=&quot;135.00&quot;>Integrated Sound (for AMD CPUs)</option>
<option value=&quot;140.00&quot;>Integrated Video (for AMD CPUs)</option>
<option value=&quot;150.00&quot;>Integrated Sound and Video (for AMD CPUs)</option>
<option value=&quot;150.00&quot;>Advanced Features(for AMD CPUs)</option>
<option value=&quot;125.00&quot; selected>Standard (for Intel CPUs)</option>
<option value=&quot;135.00&quot;>Integrated Sound (for Intel CPUs)</option>
<option value=&quot;140.00&quot;>Integrated Video (for Intel CPUs)</option>
<option value=&quot;150.00&quot;>Integrated Sound and Video (for Intel CPUs)</option>
<option value=&quot;150.00&quot;>Advanced Features(for Intel CPUs)</option>
</select>
</P>
<p align=&quot;left&quot;> <b>Memory (RAM):</b>
<select name=&quot;ram&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;25.00&quot;>64 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;25.00&quot;>64 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;70.00&quot;>128 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;100.00&quot;>128 MB PC800 RDRAM</option>
<option value=&quot;65.00&quot;>256 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;60.00&quot; selected>256 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;105.00&quot;>256 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;60.00&quot;>256 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;60.00&quot;>256 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;200.00&quot;>256 MB PC800 RDRAM</option>
<option value=&quot;100.00&quot;>384 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;175.00&quot;>384 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;130.00&quot;>512 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;210.00&quot;>512 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;400.00&quot;>512 MB PC800 RDRAM</option>
</select></BR>
<Font size=2>*RDRAM is currently required for Pentium 4 based systems, but is not currently available for use in AMD processor-based systems.</font>
</p>
<p align=&quot;left&quot;><b>Case &amp; Power Supply</B>
<select name=&quot;case&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;70.00&quot;>Mini Tower/Desktop w/230W PSU</option>
<option value=&quot;75.00&quot;>Mid Tower/Desktop w/250W PSU</option>
<option value=&quot;90.00&quot; selected>Mid Tower/Desktop w/300W PSU</option>
<option value=&quot;110.00&quot;>Mid Tower/Desktop w/350W PSU</option>
<option value=&quot;160.00&quot;>Mid Tower/Desktop w/450W PSU</option>
<option value=&quot;175.00&quot;>Full Tower w/300W PSU</option>
<option value=&quot;225.00&quot;>Full Tower w/450W PSU</option>
</select></BR>
<Font size=2>*300+W PSU required for AMD systems. 350+W PSU required for Pentium 4 systems. Colored and customized cases available for additional charge. Contact for more information.</font>
</P>
<p align=&quot;left&quot;><b>Hard Drive:</b>
<select name=&quot;hdd&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;90.00&quot;>15 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;100.00&quot;>15 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;110.00&quot;>30 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;130.00&quot; selected>30 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;125.00&quot;>40 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;150.00&quot;>40 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;175.00&quot;>60 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;200.00&quot;>60 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;250.00&quot;>80 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;290.00&quot;>75 GB Ultra ATA 66/100 (7200 rpm)</option>
</select></BR>
<Font size=2>*All drives listed use EIDE standard. Please contact us for SCSI and other options.</font>
</p>
<p align=&quot;left&quot;><b>DVD/CD-ROM:</b>
<select name=&quot;cdvd&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;50.00&quot;>ASUS CD-S500 50X CD-ROM</option>
<option value=&quot;60.00&quot;>Teac CD-540E 40x</option>
<option value=&quot;80.00&quot; selected>Toshiba 16X DVD-ROM/48x CD-ROM</option>
</select>
</p>
<p align=&quot;left&quot;><b>Floppy Drive:</B>
<select name=&quot;fld&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot; selected>Teac 1.44MB 3.5&quot; Floppy Drive</option>
</select>
</P>
<p align=&quot;left&quot;><b>CD-RW (CD Burner)</B>
<select name=&quot;bnr&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;190.00&quot;>Plextor 12/10/32A</option>
<option value=&quot;225.00&quot;>Plextor 16/10/40A</option>
</select>
</P>
<p align=&quot;left&quot;><b>Video Card:</B>
<select name=&quot;vid&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;100.00&quot;>Matrox G450 32MB (DualHead)</option>
<option value=&quot;80.00&quot; selected>Nvidia Geforce 2 MX 32MB</option>
<option value=&quot;130.00&quot;>Nvidia Geforce 2 GTS 32MB</option>
<option value=&quot;180.00&quot;>Nvidia Geforce 2 GTS 32MB with Video In/Video Out</option>
<option value=&quot;180.00&quot;>Nvidia Geforce 2 PRO 64MB</option>
<option value=&quot;250.00&quot;>Nvidia Geforce 2 Ultra 64MB</option>
<option value=&quot;360.00&quot;>Nvidia Geforce 3 64MB</option>
<option value=&quot;130.00&quot;>3dfx Voodoo 5 5500 AGP</option>
<option value=&quot;130.00&quot;>3dfx Voodoo 5 5500 PCI</option>
<option value=&quot;225.00&quot;>ATI Radeon &quot;All-In-Wonder&quot;</option>
<option value=&quot;150.00&quot;>ATI Radeon 32MB DDR</option>
<option value=&quot;175.00&quot;>ATI Radeon 64MB DDR</option>
</select>
</p>
<p align=&quot;left&quot;><b>Sound Card:</B>
<select name=&quot;snd&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot;>Creative Labs/Ensoniq SB16</option>
<option value=&quot;75.00&quot;>Phillips Acoustic Edge</option>
<option value=&quot;90.00&quot; selected>Turtle Beach Santa Cruz</option>
<option value=&quot;150.00&quot;>Hercules Game Theatre XP</option>
<option value=&quot;70.00&quot;>Creative Labs Sound Blaster Live! Value</option>
<option value=&quot;110.00&quot;>Creative Labs Sound Blaster Live! X-Gamer</option>
<option value=&quot;110.00&quot;>Creative Labs Sound Blaster Live! MP3+</option>
<option value=&quot;200.00&quot;>Creative Labs Sound Blaster Live! Platinum w/LiveDrive</option>
</select>
</P>
<p align=&quot;left&quot;><b>Network Interface Card (NIC):</B>
<select name=&quot;nic&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;25.00&quot;>Linksys 10/100</option>
<option value=&quot;50.00&quot;>Intel Pro/100</option>
<option value=&quot;50.00&quot;>3com Fast Etherlink 10/100</option>
</select>
</P>
<p align=&quot;left&quot;><b>Modem:</B>
<select name=&quot;mdm&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;40.00&quot;>Diamond SupraMax 56k</option>
<option value=&quot;70.00&quot;>U.S. Robotics 56k hardware w/o voice</option>
<option value=&quot;80.00&quot;>U.S. Robotics 56k hardware w/voice</option>
</select>
</P>
<p align=&quot;left&quot;><b>Keyboard:</B>
<select name&quot;key&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;15.00&quot;>Mitsumi standard ps/2 keyboard</option>
<option value=&quot;35.00&quot; selected>Microsoft Natural Elite ergonomic keyboard</option>
<option value=&quot;70.00&quot;>Logitech Cordless Keyboard</option>
</select>
</P>
<p align=&quot;left&quot;><b>Mouse:</B>
<select name=&quot;mse&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot;>Microsoft PS/2 Intellimouse w/wheel</option>
<option value=&quot;50.00&quot; selected>Microsoft Intellimouse Optical</option>
<option value=&quot;75.00&quot;>Microsoft Intellimouse Explorer Optical</option>
<option value=&quot;25.00&quot;>Logitech PS/2 Mouse w/wheel</option>
<option value=&quot;75.00&quot;>Logitech Cordless MouseMan w/wheel</option>
<option value=&quot;50.00&quot;>Logitech Optical Mouse</option>
<option value=&quot;100.00&quot;>Cordless, Optical Mouse</option>
</select>
</P>
<p align=&quot;left&quot;><b>Display:</b>
<select name=&quot;mon&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;200&quot;>15&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>15&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>15&amp;quot; LCD Flat Panel Monitor</option>
<option value=&quot;200&quot;>17&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot; selected>17&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>17&amp;quot; LCD Flat Panel Monitor</option>
<option value=&quot;200&quot;>19&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>19&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>21&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>21&amp;quot; Flat Screen Monitor</option>
</select>
</p>
<p align=&quot;left&quot;><b>Speakers:</B>
<select name=&quot;spk&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;30.00&quot;>Yamaha</option>
<option value=&quot;25.00&quot;>Altec Lansing ACS22</option>
<option value=&quot;70.00&quot;>Yamaha 2.1</option>
<option value=&quot;80.00&quot;>Altec Lansing ACS45.2 2.1</option>
<option value=&quot;100.00&quot; selected>Boston Acoustics BA790 2.1</option>
<option value=&quot;225.00&quot;>Klipsch Promedia 2.1</option>
<option value=&quot;150.00&quot;>Boston Acoustics BA4800 4.1</option>
<option value=&quot;325.00&quot;>Klipsch Promedia 4.1</option>
<option value=&quot;275.00&quot;>Boston Acoustics BA7500 5.1</option>
</select></BR>
<Font size=2>*2.1 setups contain 2 satelite speakers and a sub. 4.1 solutions contain 4 satelites and a sub. 5.1 solutions contain a center channel speaker, 4 satelites, and a sub. </font>
</P>
<p align=&quot;left&quot;><b>Operating System:</B>
<select name=&quot;os&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;100.00&quot; selected>Microsoft Windows 98, 98 Second Edition, or Millenium Edition</option>
<option value=&quot;250.00&quot;>Microsoft Windows 2000</option>
</select>
</P>
<p align=&quot;left&quot;><b>Extras: TV Card, Other Software, Case mods and tweaks, webcams, printers, scanners, etc...contact for pricing</B></P>

</BR>
</BR>

<p align=&quot;center&quot;>
<input type=&quot;button&quot; name=&quot;submit&quot; value=&quot;Calculate&quot; onMouseDown=&quot;form.total.value
=Number(form.cpu.options[form.cpu.selectedIndex].value)
+Number(form.mobo.options[form.mobo.selectedIndex].value)
+Number(form.ram.options[form.ram.selectedIndex].value)
+Number(form.case.options[form.case.selectedIndex].value)
+Number(form.hdd.options[form.hdd.selectedIndex].value)
+Number(form.cdvd.options[form.cdvd.selectedIndex].value)
+Number(form.fld.options[form.fld.selectedIndex].value)
+Number(form.bnr.options[form.bnr.selectedIndex].value)
+Number(form.vid.options[form.vid.selectedIndex].value)
+Number(form.snd.options[form.snd.selectedIndex].value)
+Number(form.nic.options[form.nic.selectedIndex].value)
+Number(form.mdm.options[form.mdm.selectedIndex].value)
+Number(form.key.options[form.key.selectedIndex].value)
+Number(form.mse.options[form.mse.selectedIndex].value)
+Number(form.mon.options[form.mon.selectedIndex].value)
+Number(form.spk.options[form.spk.selectedIndex].value)
+Number(form.os.options[form.os.selectedIndex].value)+'.00'&quot;>
</p>

<p align=&quot;left&quot;> <b>Total: $</b>
<input type=&quot;text&quot; name=&quot;total&quot;>
</p>

</form>


<div align=&quot;left&quot;>
<p>&amp;nbsp;</p>
<p><img src=&quot;images/linebreak.gif&quot; width=&quot;450&quot; height=&quot;5&quot;><br>
</p>
</div>


<p>
<font font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot; color=&quot;#CCCCCC&quot;>
<a href=&quot;index.html&quot; target=&quot;_top&quot;>Home</a> |
<a href=&quot;build.html&quot; target=&quot;mainFrame&quot;>Build Your Own</a> |
<a href=&quot;specials.html&quot; target=&quot;mainFrame&quot;>Specials</a> |
<a href=&quot;pricing.html&quot; target=&quot;mainFrame&quot;>Pricing</a> |
<a href=&quot;service.html&quot; target=&quot;mainFrame&quot;>Services</a> |
<a href=&quot;download.html&quot; target=&quot;mainFrame&quot;>Downloads</a> </BR>

<a href=&quot;support.html&quot; target=&quot;mainFrame&quot;>Support</a> |
<a href=&quot;glossary.html&quot; target=&quot;mainFrame&quot;>Glossary</a> |
<a href=&quot;tips.html&quot; target=&quot;mainFrame&quot;>Tips</a> |
<a href=&quot;search.html&quot; target=&quot;mainFrame&quot;>Search</a> |
<a href=&quot;links.html&quot; target=&quot;mainFrame&quot;>Links</a> |
<a href=&quot;info.html&quot; target=&quot;mainFrame&quot;>Company Info</a>
</p>

<p align=&quot;left&quot;> <font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot;>
<a href=&quot;mailto:laggard@usa.net&quot;>e-mail</a><br>
Last updated 06/14/2001<br>
Copyright © 2001 'My Wang'.&amp;nbsp; All Rights Reserved.<br>
All other trademarks are properties of their respective companies. <br>
</font></p>

</div>

</HTML>
 
RedRooster

RedRooster

Diamond Member
Sep 14, 2000
6,596
0
76
hehe, you're gonna kick yourself. :)
check in the &quot;key&quot; select block(search for this line &quot;<select name&quot;key&quot;>&quot;) and put an = sign after name.
That should do it for ya!
Have a good one bud.
 
RedRooster

RedRooster

Diamond Member
Sep 14, 2000
6,596
0
76
I'm an idiot. :)
I changed a bunch of stuff in your original code and then once I was done I thought it was that stupid = sign that was the breaker. But there's more. Just take this code, it's yours with a few changes. Trust me, it works this time.


<HTML>
<HEAD>
<title>Custom Systems</title>

<SCRIPT Language=&quot;JavaScript&quot;>
function calctotal()
{
parts.total.value
=Number(parts.cpu.options[parts.cpu.selectedIndex].value)
+Number(parts.mobo.options[parts.mobo.selectedIndex].value)
+Number(parts.ram.options[parts.ram.selectedIndex].value)
+Number(parts.cases.options[parts.cases.selectedIndex].value)
+Number(parts.hdd.options[parts.hdd.selectedIndex].value)
+Number(parts.cdvd.options[parts.cdvd.selectedIndex].value)
+Number(parts.fld.options[parts.fld.selectedIndex].value)
+Number(parts.bnr.options[parts.bnr.selectedIndex].value)
+Number(parts.vid.options[parts.vid.selectedIndex].value)
+Number(parts.snd.options[parts.snd.selectedIndex].value)
+Number(parts.nic.options[parts.nic.selectedIndex].value)
+Number(parts.mdm.options[parts.mdm.selectedIndex].value)
+Number(parts.key.options[parts.key.selectedIndex].value)
+Number(parts.mse.options[parts.mse.selectedIndex].value)
+Number(parts.mon.options[parts.mon.selectedIndex].value)
+Number(parts.spk.options[parts.spk.selectedIndex].value)
+Number(parts.os.options[parts.os.selectedIndex].value)+'.00';
}
</SCRIPT>

</HEAD>

<body bgcolor=&quot;#000000&quot; text=&quot;#FFFFFF&quot; link=&quot;#CCCCCC&quot; vlink=&quot;#339966&quot; background=&quot;images/background-home.gif&quot; leftmargin=&quot;0&quot; topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>
<div align=&quot;left&quot;></div>
<div align=&quot;left&quot;>

<p>
<font size=&quot;+2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>
<b>Customize</b> | Build Your Own</font></BR>
<font size=&quot;-2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>
If an option is not listed here that you are interested in please contact us and for more information.
All prices subject to change.
</font>
</p>

</BR>
</BR>

<form method=&quot;post&quot; name=&quot;parts&quot;>

<p align=&quot;left&quot;><b>Processor:</b>
<select name=&quot;cpu&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;60.00&quot;>600 MHz Intel Celeron II</option>
<option value=&quot;70.00&quot;>700 MHz Intel Celeron II</option>
<option value=&quot;90.00&quot;>800 MHz Intel Celeron II </option>
<option value=&quot;45.00&quot;>700 MHz AMD Duron</option>
<option value=&quot;55.00&quot;>800 MHz AMD Duron</option>
<option value=&quot;75.00&quot;>900 MHz AMD Duron</option>
<option value=&quot;125.00&quot;>733 MHz Intel Pentium III</option>
<option value=&quot;175.00&quot;>866 MHz Intel Pentium III</option>
<option value=&quot;200.00&quot; selected>1000 MHz (1 GHz) Intel Pentium III</option>
<option value=&quot;90.00&quot;>850 MHz AMD Athlon</option>
<option value=&quot;135.00&quot;>1.0 GHz AMD Athlon</option>
<option value=&quot;165.00&quot;>1.2 GHz AMD Athlon</option>
<option value=&quot;250.00&quot;>1.4 GHz AMD Athlon</option>
<option value=&quot;275.00&quot;>1.5 GHz Pentium 4</option>
<option value=&quot;400.00&quot;>1.7 GHz Pentium 4</option>
</select>
</p>
<p align=&quot;left&quot;> <b>Motherboard:</B>
<select name=&quot;mobo&quot;>
<option value=&quot;125.00&quot;>Standard (for AMD CPUs)</option>
<option value=&quot;135.00&quot;>Integrated Sound (for AMD CPUs)</option>
<option value=&quot;140.00&quot;>Integrated Video (for AMD CPUs)</option>
<option value=&quot;150.00&quot;>Integrated Sound and Video (for AMD CPUs)</option>
<option value=&quot;150.00&quot;>Advanced Features(for AMD CPUs)</option>
<option value=&quot;125.00&quot; selected>Standard (for Intel CPUs)</option>
<option value=&quot;135.00&quot;>Integrated Sound (for Intel CPUs)</option>
<option value=&quot;140.00&quot;>Integrated Video (for Intel CPUs)</option>
<option value=&quot;150.00&quot;>Integrated Sound and Video (for Intel CPUs)</option>
<option value=&quot;150.00&quot;>Advanced Features(for Intel CPUs)</option>
</select>
</P>
<p align=&quot;left&quot;> <b>Memory (RAM):</b>
<select name=&quot;ram&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;25.00&quot;>64 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;25.00&quot;>64 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;70.00&quot;>128 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;35.00&quot;>128 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;100.00&quot;>128 MB PC800 RDRAM</option>
<option value=&quot;65.00&quot;>256 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;60.00&quot; selected>256 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;105.00&quot;>256 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;60.00&quot;>256 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;60.00&quot;>256 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;200.00&quot;>256 MB PC800 RDRAM</option>
<option value=&quot;100.00&quot;>384 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;175.00&quot;>384 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;95.00&quot;>384 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;130.00&quot;>512 MB Cas-3 PC133 SDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2 PC133 SDRAM</option>
<option value=&quot;210.00&quot;>512 MB Cas-2 PC2400 DDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2.5 PC2100 DDRAM</option>
<option value=&quot;120.00&quot;>512 MB Cas-2 PC1600 DDRAM</option>
<option value=&quot;400.00&quot;>512 MB PC800 RDRAM</option>
</select></BR>
<Font size=2>*RDRAM is currently required for Pentium 4 based systems, but is not currently available for use in AMD processor-based systems.</font>
</p>
<p align=&quot;left&quot;><b>Case &amp; Power Supply</B>
<select name=&quot;cases&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;70.00&quot;>Mini Tower/Desktop w/230W PSU</option>
<option value=&quot;75.00&quot;>Mid Tower/Desktop w/250W PSU</option>
<option value=&quot;90.00&quot; selected>Mid Tower/Desktop w/300W PSU</option>
<option value=&quot;110.00&quot;>Mid Tower/Desktop w/350W PSU</option>
<option value=&quot;160.00&quot;>Mid Tower/Desktop w/450W PSU</option>
<option value=&quot;175.00&quot;>Full Tower w/300W PSU</option>
<option value=&quot;225.00&quot;>Full Tower w/450W PSU</option>
</select></BR>
<Font size=2>*300+W PSU required for AMD systems. 350+W PSU required for Pentium 4 systems. Colored and customized cases available for additional charge. Contact for more information.</font>
</P>
<p align=&quot;left&quot;><b>Hard Drive:</b>
<select name=&quot;hdd&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;90.00&quot;>15 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;100.00&quot;>15 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;110.00&quot;>30 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;130.00&quot; selected>30 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;125.00&quot;>40 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;150.00&quot;>40 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;175.00&quot;>60 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;200.00&quot;>60 GB Ultra ATA 66/100 (7200 rpm)</option>
<option value=&quot;250.00&quot;>80 GB Ultra ATA 66/100 (5400 rpm)</option>
<option value=&quot;290.00&quot;>75 GB Ultra ATA 66/100 (7200 rpm)</option>
</select></BR>
<Font size=2>*All drives listed use EIDE standard. Please contact us for SCSI and other options.</font>
</p>
<p align=&quot;left&quot;><b>DVD/CD-ROM:</b>
<select name=&quot;cdvd&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;50.00&quot;>ASUS CD-S500 50X CD-ROM</option>
<option value=&quot;60.00&quot;>Teac CD-540E 40x</option>
<option value=&quot;80.00&quot; selected>Toshiba 16X DVD-ROM/48x CD-ROM</option>
</select>
</p>
<p align=&quot;left&quot;><b>Floppy Drive:</B>
<select name=&quot;fld&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot; selected>Teac 1.44MB 3.5&quot; Floppy Drive</option>
</select>
</P>
<p align=&quot;left&quot;><b>CD-RW (CD Burner)</B>
<select name=&quot;bnr&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;190.00&quot;>Plextor 12/10/32A</option>
<option value=&quot;225.00&quot;>Plextor 16/10/40A</option>
</select>
</P>
<p align=&quot;left&quot;><b>Video Card:</B>
<select name=&quot;vid&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;100.00&quot;>Matrox G450 32MB (DualHead)</option>
<option value=&quot;80.00&quot; selected>Nvidia Geforce 2 MX 32MB</option>
<option value=&quot;130.00&quot;>Nvidia Geforce 2 GTS 32MB</option>
<option value=&quot;180.00&quot;>Nvidia Geforce 2 GTS 32MB with Video In/Video Out</option>
<option value=&quot;180.00&quot;>Nvidia Geforce 2 PRO 64MB</option>
<option value=&quot;250.00&quot;>Nvidia Geforce 2 Ultra 64MB</option>
<option value=&quot;360.00&quot;>Nvidia Geforce 3 64MB</option>
<option value=&quot;130.00&quot;>3dfx Voodoo 5 5500 AGP</option>
<option value=&quot;130.00&quot;>3dfx Voodoo 5 5500 PCI</option>
<option value=&quot;225.00&quot;>ATI Radeon &quot;All-In-Wonder&quot;</option>
<option value=&quot;150.00&quot;>ATI Radeon 32MB DDR</option>
<option value=&quot;175.00&quot;>ATI Radeon 64MB DDR</option>
</select>
</p>
<p align=&quot;left&quot;><b>Sound Card:</B>
<select name=&quot;snd&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot;>Creative Labs/Ensoniq SB16</option>
<option value=&quot;75.00&quot;>Phillips Acoustic Edge</option>
<option value=&quot;90.00&quot; selected>Turtle Beach Santa Cruz</option>
<option value=&quot;150.00&quot;>Hercules Game Theatre XP</option>
<option value=&quot;70.00&quot;>Creative Labs Sound Blaster Live! Value</option>
<option value=&quot;110.00&quot;>Creative Labs Sound Blaster Live! X-Gamer</option>
<option value=&quot;110.00&quot;>Creative Labs Sound Blaster Live! MP3+</option>
<option value=&quot;200.00&quot;>Creative Labs Sound Blaster Live! Platinum w/LiveDrive</option>
</select>
</P>
<p align=&quot;left&quot;><b>Network Interface Card (NIC):</B>
<select name=&quot;nic&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;25.00&quot;>Linksys 10/100</option>
<option value=&quot;50.00&quot;>Intel Pro/100</option>
<option value=&quot;50.00&quot;>3com Fast Etherlink 10/100</option>
</select>
</P>
<p align=&quot;left&quot;><b>Modem:</B>
<select name=&quot;mdm&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;40.00&quot;>Diamond SupraMax 56k</option>
<option value=&quot;70.00&quot;>U.S. Robotics 56k hardware w/o voice</option>
<option value=&quot;80.00&quot;>U.S. Robotics 56k hardware w/voice</option>
</select>
</P>
<p align=&quot;left&quot;><b>Keyboard:</B>
<select name=&quot;key&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;15.00&quot;>Mitsumi standard ps/2 keyboard</option>
<option value=&quot;35.00&quot; selected>Microsoft Natural Elite ergonomic keyboard</option>
<option value=&quot;70.00&quot;>Logitech Cordless Keyboard</option>
</select>
</P>
<p align=&quot;left&quot;><b>Mouse:</B>
<select name=&quot;mse&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;25.00&quot;>Microsoft PS/2 Intellimouse w/wheel</option>
<option value=&quot;50.00&quot; selected>Microsoft Intellimouse Optical</option>
<option value=&quot;75.00&quot;>Microsoft Intellimouse Explorer Optical</option>
<option value=&quot;25.00&quot;>Logitech PS/2 Mouse w/wheel</option>
<option value=&quot;75.00&quot;>Logitech Cordless MouseMan w/wheel</option>
<option value=&quot;50.00&quot;>Logitech Optical Mouse</option>
<option value=&quot;100.00&quot;>Cordless, Optical Mouse</option>
</select>
</P>
<p align=&quot;left&quot;><b>Display:</b>
<select name=&quot;mon&quot;>
<option value=&quot;0&quot;>None.</option>
<option value=&quot;200&quot;>15&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>15&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>15&amp;quot; LCD Flat Panel Monitor</option>
<option value=&quot;200&quot;>17&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot; selected>17&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>17&amp;quot; LCD Flat Panel Monitor</option>
<option value=&quot;200&quot;>19&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>19&amp;quot; Flat Screen Monitor</option>
<option value=&quot;200&quot;>21&amp;quot; Standard Monitor</option>
<option value=&quot;200&quot;>21&amp;quot; Flat Screen Monitor</option>
</select>
</p>
<p align=&quot;left&quot;><b>Speakers:</B>
<select name=&quot;spk&quot;>
<option value=&quot;0.00&quot; selected>None.</option>
<option value=&quot;30.00&quot;>Yamaha</option>
<option value=&quot;25.00&quot;>Altec Lansing ACS22</option>
<option value=&quot;70.00&quot;>Yamaha 2.1</option>
<option value=&quot;80.00&quot;>Altec Lansing ACS45.2 2.1</option>
<option value=&quot;100.00&quot; selected>Boston Acoustics BA790 2.1</option>
<option value=&quot;225.00&quot;>Klipsch Promedia 2.1</option>
<option value=&quot;150.00&quot;>Boston Acoustics BA4800 4.1</option>
<option value=&quot;325.00&quot;>Klipsch Promedia 4.1</option>
<option value=&quot;275.00&quot;>Boston Acoustics BA7500 5.1</option>
</select></BR>
<Font size=2>*2.1 setups contain 2 satelite speakers and a sub. 4.1 solutions contain 4 satelites and a sub. 5.1 solutions contain a center channel speaker, 4 satelites, and a sub. </font>
</P>
<p align=&quot;left&quot;><b>Operating System:</B>
<select name=&quot;os&quot;>
<option value=&quot;0.00&quot;>None.</option>
<option value=&quot;100.00&quot; selected>Microsoft Windows 98, 98 Second Edition, or Millenium Edition</option>
<option value=&quot;250.00&quot;>Microsoft Windows 2000</option>
</select>
</P>
<p align=&quot;left&quot;><b>Extras: TV Card, Other Software, Case mods and tweaks, webcams, printers, scanners, etc...contact for pricing</B></P>

</BR>
</BR>

<p align=&quot;center&quot;>
<input type=&quot;button&quot; name=&quot;submit&quot; value=&quot;Calculate&quot; onClick=&quot;calctotal();&quot;>
</p>

<p align=&quot;left&quot;> <b>Total: $</b>
<input type=&quot;text&quot; name=&quot;total&quot;>
</p>

</form>


<div align=&quot;left&quot;>
<p>&amp;nbsp;</p>
<p><img src=&quot;images/linebreak.gif&quot; width=&quot;450&quot; height=&quot;5&quot;><br>
</p>
</div>


<p>
<font font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot; color=&quot;#CCCCCC&quot;>
<a href=&quot;index.html&quot; target=&quot;_top&quot;>Home</a> |
<a href=&quot;build.html&quot; target=&quot;mainFrame&quot;>Build Your Own</a> |
<a href=&quot;specials.html&quot; target=&quot;mainFrame&quot;>Specials</a> |
<a href=&quot;pricing.html&quot; target=&quot;mainFrame&quot;>Pricing</a> |
<a href=&quot;service.html&quot; target=&quot;mainFrame&quot;>Services</a> |
<a href=&quot;download.html&quot; target=&quot;mainFrame&quot;>Downloads</a> </BR>

<a href=&quot;support.html&quot; target=&quot;mainFrame&quot;>Support</a> |
<a href=&quot;glossary.html&quot; target=&quot;mainFrame&quot;>Glossary</a> |
<a href=&quot;tips.html&quot; target=&quot;mainFrame&quot;>Tips</a> |
<a href=&quot;search.html&quot; target=&quot;mainFrame&quot;>Search</a> |
<a href=&quot;links.html&quot; target=&quot;mainFrame&quot;>Links</a> |
<a href=&quot;info.html&quot; target=&quot;mainFrame&quot;>Company Info</a>
</p>

<p align=&quot;left&quot;> <font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot;>
<a href=&quot;mailto:laggard@usa.net&quot;>e-mail</a><br>
Last updated 06/14/2001<br>
Copyright © 2001 'My Wang'.&amp;nbsp; All Rights Reserved.<br>
All other trademarks are properties of their respective companies. <br>
</font></p>

</div>

</HTML>

 
B

Booty

Senior member
Aug 4, 2000
977
0
0
Thanks so much!! It works flawlessly...

If it's not too much trouble, could you perhaps point out some of the things you changed...I'm trying to learn from this as I go, and since I didn't start from scratch it's a little hard to figure out why one worked and why the other didn't. If you've got time...if not it's cool. Either way thanks a ton!! :)
 
RedRooster

RedRooster

Diamond Member
Sep 14, 2000
6,596
0
76
Not a problem. :)

First, I think those lines <!-- and //--> around your javascript at the top might've been commenting it out, not sure so I just killed that.

Second, I made that javascript into a function, which is the only way that code will work outside the body. That is to say, if you have a javascript up between the <HEAD></HEAD> tags, any operations you do up there should be put into a function so you can call that function later on down the page. I gave it the name calctotal so whenever that function is called down in the body, either through a button click or some other event, it'll always run that same code(which will total all your items' values.

Third, I gave your form a name. The way it was, was fine, but I like to name my forms so if you have more than one on the same page you can refer to either of them uniquely. This line <form method=&quot;post&quot; name=&quot;parts&quot;> I just added name=&quot;parts&quot; which named the form obviously.

Fourth, I fixed that = sign thing as I stated in my first post. :)

Fifth, down where to code is to build the calculate button, this line <input type=&quot;button&quot; name=&quot;submit&quot; value=&quot;Calculate&quot; onClick=&quot;calctotal();&quot;> notice how it is different from your code. Instead of re-typing that entire big calculation equation to be run on the button click, I used the function I built in the first step, and just reffered to that. I changed the event to be onClick although onMouseDown(which was what was there) might've worked as well. I'm just used to using onClick. :)


And I think that was about it. I love playing with javascript for smaller things like this, it's put to perfect use on your site. Anything real big though, and it's just not a good idea to use(what if the visitor doesn't have javascript turned on, or has a real old browser that can't do javascript), but for what you use it for, perfect.

Check out this site if you'd like to learn some more about javascript, or this place if you'd like to find just some simple tricks that you can cut and paste into your code. Don't make your site too tacky though, keep the screen rotating and shaking and color changing to a minimum unless you're going for laughs. :)
PM me anytime if you wanna know anything else, I just graduated an intense web programming course that taught me about 15 or 20 web based languages, and I gotta make it seem like all that learning is going to be put to good use!

Sorry for the long post. :)
 
S

stndn

Golden Member
Mar 10, 2001
1,886
0
0
well, i was too lazy to read the whole code :eek: .... but one of the things i want to point out about <!-- and //-->

these tags are used as comments, so browsers that doesn't have javascript support will load the page correctly....
so....

<SCRIPT LANGUAGE=&quot;JavaScript>
<!--
something goes here
// -->
</SCRIPT>

the &quot;something goes here&quot; part will only be executed if the browser supports JS, and it will become a comment if it does not.... and since JS does not understand --> as the end of HTML comments (and will give error), we need the // to comment it out so JS will work.... (ok, i know it sounds confusing, but i don't nkow how to explain it better... :( )

-470-
 
You must log in or register to reply here.

TRENDING THREADS

COMPANY
RESOURCES
FOLLOW
Top Bottom