How to use database images to submit form

[jason84109]

I am very new to php. On my page, a list of shirt descriptions are displayed from the database. Radio buttons are used to select the desired shirt. Currently, the form passes the shirt id of the selected shirt to the next page through the url. I would prefer to display the images associated with each shirt (from database) and click on them to submit the form instead of using radio buttons. Is this possible?

Here is the pertinent current code:

 
<form method="get" action="quote_5.php">

<table>
<?
$shirts=get_used_shirts_by_type($shirt_type);

$checked = "checked";
foreach($shirts as $shirt) {
?>

<tr>
  <td><input type="radio" name="shirt" value="<?=$shirt[id]?>" <?=$checked?>></td>
  <td>
  </td>
    <td><?=$shirt[description]?></td>
</tr>

<?
	if($checked != "")
		$checked = "";
}
?>
</table>

<p>
<input type="submit" value="Continue">

The image src is "PICS_DIR."$shirt[image_file]"

Thanks in advance for any ideas. let me know if I didn't include any important info.

[nawrik]

Hi,

From what I can gather this is more of an issue of client side code. A little bit of jquery will sort this out.

Assuming you have access to each shirt image:

<img class="<?php echo $shirt[id]; ?>" src="<?php echo 'PICS_DIR'.$shirt[image_file]; ?>" />

This will of course list all of the images(if placed inside your loop), but with a containing div and some basic jQuery you will be able to 'layer' up the images - and depending which button is checked 'show()' or hide() the relevant img class.

Hope this helps.