Jump to content

Product customise


hemy2000

Recommended Posts

Hi im trying to make a page on my site where you can customise a computer from drop down menus and then send the spec through the contact form.
Im want it to have a price at the bottom which auto updates when you click on certain components like on dells customize page, and then when all the components are picked you click continue at the bottom and it sends you to the contact us page and copies a spec list of what you've chosen directly into the message part of the form which then means the person puts in there details in the other fields and then click send and it sends it to me so I can charge them through a paypal email. Iv got my site this far but im really stuck on this part. Any help would be great. Anyway heres the url-"www.hxtreme.byethost31.com/home_office.php".
And heres the code for the page: Cheers......

<?php
include "header.inc.php";
?>
<style type="text/css">
<!--
.style1 {
font-size: 18px;
color: #FF6600;
}
-->
</style>


<div id="content">
<div class="title">
<h1>-Home/Office-</h1>
</div>
<div class="custom">
<h3>Cases</h3>
<img src="" alt="" height="120" width="100"/>&nbsp;
<img src="" alt="" height="120" width="100"/>&nbsp;
<img src="" alt="" height="120" width="100"/>&nbsp;
<img src="" alt="" height="120" width="100"/>&nbsp;
<img src="" alt="" height="120" width="100"/><br /><br />
</div>
<div class="full_">

<h3 align="center">Available Options:</h3>

<table border="0" cellpadding="0" cellspacing"0" align="center">

<tr><td class="main" align="right">Case:&nbsp;</td><td>
<select name="id[18]"><option value="97">A-Pod Case Black - 400 watt PSU (+£26.55)</option><option value="98">A-Pod Case White - 400 watt PSU (+£27.93)</option><option value="99">X-Blade Black Case - 450 watt PSU (+£33.54)</option><option value="100">Gladiator Case Silver/Black - 500 watt PSU (+£34.88)</option><option value="101">Asus TA-210 Black Case - 360 watt PSU (+£41.68)</option><option value="104">CoolerMaster Centurion 534 - 450 watt PSU (+£52.58)</option><option value="105">CoolerMaster Cavalier 3 - 450 watt PSU (+£55.69)</option><option value="102">Chieftec Mesh LCX-01 Blue - 410 watt PSU (+£80.87)</option><option value="103">Lian Li PC-6289 - 450 watt PSU (+£97.38)</option></select></td></tr>

<tr><td class="main" align="right">Processor:&nbsp;</td><td>
<select name="id[1]"><option value="3">2800+ AMD Sempron 64-bit - (Select Socket 754 motherboard) (+£51.00)</option><option value="4">3000+ AMD Athlon 64-bit - (Select Socket 754 motherboard) (+£86.98)</option><option value="7">3500+ AMD Athlon 64-bit - (Select Socket 939 motherboard) (+£127.89)</option><option value="9">3800+ AMD Athlon 64 X2 (Dual) - (Select Socket 939 motherboard) (+£217.77)</option><option value="11">4800+ AMD Athlon 64 X2 (Dual) - (Select Socket 939 motherboard) (+£467.38)</option>
</select></td></tr>

<tr><td class="main" align="right">Graphics:&nbsp;</td><td>
<select name="id[20]"><option value="120">Onboard Graphics - (Select `with Onboard Graphics' in Mainboard option list)</option><option value="112">AGP - 64MB Inno3D MX4000 - (Not for AMD Socket 939 cpu's) (+£21.87)</option><option value="113">PCI-E - 256MB Inno3D 6200 TurboCache (+£34.58)</option><option value="114">PCI-E - 256MB Sparkle GeForce 6600 (+£64.55)</option><option value="115">PCI-E - 256MB XFX GeForce 7600GS XT (+£101.97)</option><option value="116">PCI-E - 256MB Inno3D GeForce 7600GT (+£132.96)</option><option value="117">PCI-E - 256MB Sparkle GeForce 7900GT (+£223.68)</option><option value="118">PCI-E - 2x (SLI) 256MB Inno3D 7600GT - (Select SLI mainboard) (+£286.96)</option><option value="119">PCI-E - 2x (SLI) 256MB Sparkle 7900GT - (Select SLI mainboard) (+£446.36)</option></select></td></tr>

<tr><td class="main" align="right">Hard Drive 1:&nbsp;</td><td>
<select name="id[3]"><option value="16">40GB Maxtor DiamondMax IDE (+£31.86)</option><option value="17">80GB ExcelStor ESJ880S SATA II (+£34.72)</option><option value="18">160GB Maxtor SATA II (+£48.97)</option><option value="19">200GB Maxtor DiamondMax 10 SATA II (+£54.99)</option><option value="20">250GB Western Digital Caviar SE (+£61.22)</option><option value="21">300Gb Maxtor DiamondMax (+£77.79)</option><option value="22">400GB Maxtor DiamondMax 11 (+£121.97)</option><option value="23">500GB Western Digital Caviar SE 16 (+£192.94)</option></select></td></tr>

<tr><td class="main" align="right">Hard Drive 2:&nbsp;</td><td>
<select name="id[4]"><option value="85">Not Required</option><option value="16">40GB Maxtor DiamondMax IDE (+£31.86)</option><option value="17">80GB ExcelStor ESJ880S SATA II (+£34.72)</option><option value="18">160GB Maxtor SATA II (+£48.97)</option><option value="19">200GB Maxtor DiamondMax 10 SATA II (+£54.99)</option><option value="20">250GB Western Digital Caviar SE (+£61.22)</option><option value="21">300Gb Maxtor DiamondMax (+£77.79)</option><option value="22">400GB Maxtor DiamondMax 11 (+£121.97)</option><option value="23">500GB Western Digital Caviar SE 16 (+£192.94)</option></select></td></tr>

<tr><td class="main" align="right">CD/DVD Drive 1:&nbsp;</td><td>
<select name="id[5]"><option value="32">Samsung 52x 32x 52x Black CDRW (+£15.67)</option><option value="33">Sony 52x 32x 52x Silver CDRW (+£16.86)</option><option value="34">Philips 16x DL DVD±RW Black (+£28.27)</option><option value="35">NEC-3550GNS 16x DVD±RW DL Silver (+£28.94)</option><option value="36">Samsung SH-S162L 16x DL DVD±RW Black LightScribe (+£29.49)</option></select></td></tr>

<tr><td class="main" align="right">CD/DVD Drive 2:&nbsp;</td><td>
<select name="id[6]"><option value="85">Not Required</option><option value="32">Samsung 52x 32x 52x Black CDRW (+£15.67)</option><option value="33">Sony 52x 32x 52x Silver CDRW (+£16.86)</option><option value="34">Philips 16x DL DVD±RW Black (+£28.27)</option><option value="35">NEC-3550GNS 16x DVD±RW DL Silver (+£28.94)</option><option value="36">Samsung SH-S162L 16x DL DVD±RW Black LightScribe (+£29.49)</option></select></td></tr>

<tr><td class="main" align="right">Floppy Drive/Card Reader:&nbsp;</td><td>
<select name="id[7]"><option value="85">Not Required</option><option value="94">Floppy Disk Drive Black (+£7.48)</option><option value="95">Floppy Disk Drive Silver (+£7.48)</option></select></td></tr>

<tr><td class="main" align="right">Sound Card:&nbsp;</td><td>
<select name="id[9]"><option value="53">Onboard Sound</option><option value="54">Genius Sound Maker 5.1 V2 (+£11.48)</option><option value="55">Sound Blaster Audigy 4 7.1 (+£40.12)</option><option value="56">Terratec Aureon 7.1 Universe (+£127.12)</option></select></td></tr>

<tr><td class="main" align="right">Keyboard:&nbsp;</td><td>
<select name="id[10]"><option value="85">Not Required</option><option value="57">Windows Silver/Black Keyboard (+£3.83)</option><option value="58">Genius Comfy KB-06X Black (+£7.28)</option><option value="59">Genius SlimMate 300 (+£11.53)</option><option value="60">Hiper Silver Alloy Keyboard (+£22.48)</option><option value="61">Hiper Black Alloy Keyboard (+£24.78)</option><option value="62">Saitek Eclipse Blue (+£34.55)</option><option value="63">Gemini-M1 (Keyboard & Mouse, leave mouse option blank) (+£16.15)</option></select></td></tr>

<tr><td class="main" align="right">Mouse:&nbsp;</td><td>
<select name="id[11]"><option value="85">Not Required</option><option value="64">Black PS2 Mouse (+£1.98)</option><option value="65">Genius Netscroll (+£3.58)</option><option value="66">Genius XScroll Optical Black (+£4.96)</option><option value="67">Microsoft Wheel Mouse Optical (+£11.48)</option><option value="69">Microsoft Intellimouse Optical Black (+£13.87)</option><option value="70">Raptor Gaming M1 (+£20.79)</option><option value="71">Logitech G7 Laser Cordless Mouse (+£61.33)</option></select></td></tr>

<tr><td class="main" align="right">Speakers:&nbsp;</td><td>
<select name="id[12]"><option value="85">Not Required</option><option value="72">Logitech S100 (2.0 Stereo) (+£7.83)</option><option value="73">Creative SBS260 (2.0 Stereo) (+£9.83)</option><option value="76">Genius GHT-502 (5.1 Surround Ultra Thin) (+£34.09)</option><option value="75">Logitech S200 (2.1 Speakers & Sub) (+£43.03)</option><option value="77">Altec Lansing GT-5051R (5.1 True Surround w/out rears) (+£64.48)</option></select></td></tr>

<tr><td class="main" align="right">Monitor:&nbsp;</td><td>
<select name="id[13]"><option value="85">Not Required</option><option value="78">15&quot; Proview TFT - Silver (+£100.89)</option><option value="79">17&quot; Proview TFT - Silver (+£129.98)</option><option value="80">19” BTC TFT - Silver/Black (+£139.49)</option><option value="123">15&quot; NEC TFT - Silver (+£133.66)</option><option value="124">17&quot; Hyundai TFT - Black (+£156.00)</option><option value="125">19&quot; Hyundai TFT - Black (+£214.04)</option></select></td></tr>

<tr><td class="main" align="right">Operating System:&nbsp;</td><td>
<select name="id[14]"><option value="85">Not Required</option><option value="81">Microsoft Windows XP Home - (Installed for free) (+£56.58)</option><option value="82">Microsoft Windows XP Professional - (Installed for free) (+£93.08)</option></select></td></tr></table><br />
</div>
<div align="center">
<span class="style1">£0000</span><br /><br />
<input type="image" src="images/buttons/select.gif" alt="Continue" name="continue"><br /><br />
</div>
</div>
<?php
include "footer.inc.php";
?>
Link to comment
Share on other sites

You're gonna need to use Ajax for that. It's a mixture of PHP and Javascript. I guess I could walk you through the basics of it it you wanted but unless it's really necessary you should skip it as it can get complicated.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.