Change image with radio group

Question

I hope this is a simple one for someone out there.
I need to swap images with a radio group.
I'll post the code here so you have what I have for now.
Obviously I haven't gotten anything working.
Image names to be:
Case_green.png
Case_blue.png
Case_blacklight.png
Case_red.png
<!--START RADIO BUTTONS-->
<!--START RADIO BUTTON SCRIPT-->
<script type="text/javascript">
</script>
<!--END RADIO BUTTON SCRIPT-->
<form name="Colors" method="post" action="">
<table width="358" align="left">
<tr>
<td width="70"><label>
<input name="ColorRadios" type="radio" id="ColorRadios_0"
value="radio_green" checked>
Green</label></td>
<td width="57"><label>
<input name="ColorRadios" type="radio" id="ColorRadios_1"
value="radio_blue">
Blue</label></td>
<td width="105"><label>
<input type="radio" name="ColorRadios"
value="radio_blacklight" id="ColorRadios_2">
Black Light</label></td>
<td width="54"><label>
<input type="radio" name="ColorRadios" value="radio_red"
id="ColorRadios_3">
Red</label></td>
</tr>
</table>
</form>
<p align="left">
<!--END RADIO BUTTONS-->

Answer 1

Mick,
Thanks
William - sorry about the missing quote.
Paul Davis
http://www.kaosweaver.com/
Visit us for dozens of useful Dreamweaver Extensions.
http://www.communitymx.com/
Partner at Community MX - Extend your knowledge
Mick White wrote:
> Paul Davis wrote:
>> this would be something like:
>> <input name="ColorRadios" type="radio"
id="ColorRadios_1"
>> value="radio_blue"
>>
onclick="document.getElementById('swapimageid').src='Case_blue.jpg'>
>
> onclick=
> "document.getElementById('swapimageid').src=
> 'Case_'+this.value.split('_')[1]+'.jpg'"
>
> Mick
> Note: You forgot closing quotes.
>>
>> The image that is getting swapped will need a unique
ID, but that
>> should do it.
>>
>>
>> Paul Davis
>>
http://www.kaosweaver.com/
>> Visit us for dozens of useful Dreamweaver
Extensions.
>>
>>
http://www.communitymx.com/
>> Partner at Community MX - Extend your knowledge
>>
>> William Rickert wrote:
>>> I hope this is a simple one for someone out
there.
>>>
>>> I need to swap images with a radio group.
>>>
>>> I'll post the code here so you have what I have
for now. Obviously I
>>> haven't gotten anything working.
>>>
>>> Image names to be:
>>> Case_green.png
>>> Case_blue.png
>>> Case_blacklight.png
>>> Case_red.png
>>>
>>>
>>> <!--START RADIO BUTTONS-->
>>> <!--START RADIO BUTTON SCRIPT-->
>>> <script type="text/javascript">
>>>
>>>
>>> </script>
>>> <!--END RADIO BUTTON SCRIPT-->
>>>
>>> <form name="Colors" method="post"
action="">
>>> <table width="358" align="left">
>>> <tr>
>>> <td width="70"><label>
>>> <input name="ColorRadios" type="radio"
id="ColorRadios_0"
>>> value="radio_green" checked>
>>> Green</label></td>
>>> <td width="57"><label>
>>> <input name="ColorRadios" type="radio"
id="ColorRadios_1"
>>> value="radio_blue">
>>> Blue</label></td>
>>> <td width="105"><label>
>>> <input type="radio" name="ColorRadios"
>>> value="radio_blacklight" id="ColorRadios_2">
>>> Black Light</label></td>
>>> <td width="54"><label>
>>> <input type="radio" name="ColorRadios"
value="radio_red"
>>> id="ColorRadios_3">
>>> Red</label></td>
>>> </tr>
>>> </table>
>>> </form>
>>> <p align="left">
>>> <!--END RADIO BUTTONS-->
>>>