Hi there,
I am working with image input for my choices on a form. I can see it semi working. The choices, once clicked, do not stay in their form field. If anyone is game please check my code.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<form name=”form1″ method=”post” action=””>
<p><span class=”productheader”>BRACELETS </span> <span class=”productprice”>$17.00
USD each</span></p>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”9%” valign=”top” class=”productprice”> <div align=”right”>size </div></td>
<td width=”91%”><select name=”Size7″ id=”select5″>
<option>————— select ————— </option>
<option value=”6 in (Kids)”>6 in (Kids)</option>
<option value=”6.5 in (Small)”>6.5 in (Small)</option>
<option value=”7 in (Medium)”>7 in (Medium)</option>
<option value=”8.5 in (Large)”>8.5 in (Large)</option>
</select></td>
</tr>
<tr>
<td valign=”top” class=”productprice”> <div align=”right”>spacer </div></td>
<td><select name=”select2″>
<option>————— select ————— </option>
<option>alloy</option>
<option>rhinestone</option>
<option>all clay</option>
<option>silver plated</option>
</select></td>
</tr>
<tr>
<td valign=”top” class=”productprice”> <div align=”right”>color</div></td>
<td valign=”top”><input type=”text” name=”color”>
</td>
</tr>
<tr valign=”top”>
<td colspan=”2″> <img src=”images/colors_block_header.gif” width=”48″ height=”8″><br>
<table width=”300″ border=”0″ cellspacing=”2″ cellpadding=”0″>
<tr>
<td><div align=”center”>
<input type=”IMAGE” src=”images/sm_baseball.jpg” width=”30″ height=”30″ border=”0″ value=”baseball” name=”baseball” onClick=”(form.color.value=’baseball’)”>
</div></td>
<td><div align=”center”>
<input type=”IMAGE” src=”images/pinksoccer.jpg” width=”30″ height=”30″ border=”0″ value=”pinksoccer” name=”pinksoccer” onClick=”(form.color.value=’pink soccer’)”>
</div></td>
<td><div align=”center”>
<input type=”IMAGE” src=”images/soccer.jpg” width=”30″ height=”30″ border=”0″ value=”blacksoccer” name=”blacksoccer” onClick=”(form.color.value=’black soccer’)”>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><img src=”images/add_button.gif” width=”228″ height=”30″></td>
</tr>
</table>
<p> </form></p></td>
</body>
</html>