I am constructing a page to give quotes based on various groups of selections.
I am doing this with a series of tables: each group is set up in its own table.
I have set up a mouseover to display a larger version of the images that are contained within the cells but what I want to do is have the user to be able to select one option from each group by clicking on the relevant cell, and then have these each of the selected options displayed in a separate summary box together with a price and running total.
Does anybody have any ideas about the best way to do this?
Eventually I would also like to populate a SQL database with the values and send me an email summary as well, but first things first!
This is an example of the table code
<table width="150">
<tr>
<td colspan="6"><strong>Partings</strong></td>
</tr>
<tr>
<td width="20" height="18"><img src="images/hair_partings/freestyle.jpg" alt="freestyle" width="20" height="17" onmouseover="MM_swapImage('hintimage','','images/hair_partings/freestyle.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="20" height="18"><img src="images/hair_partings/left-parting.jpg" alt="left_parting" width="20" height="17" onmouseover="MM_swapImage('hintimage','','images/hair_partings/left-parting.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="20" height="18"><img src="images/hair_partings/centre-parting.jpg" alt="centre_parting" width="20" height="17" onmouseover="MM_swapImage('hintimage','','images/hair_partings/centre-parting.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="20" height="18"><img src="images/hair_partings/right-parting.jpg" width="20" height="17" onmouseover="MM_swapImage('hintimage','','images/hair_partings/right-parting.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="20" height="18"> </td>
<td width="20" height="18"> </td>
</tr>
</table>
