plastic_chai
07-06-2003, 09:56 PM
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>
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>