Change image with radio group
i hope simple 1 out there.
i need swap images radio group.
i'll post code here have have now. haven't gotten working.
image names 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-->
i need swap images radio group.
i'll post code here have have now. haven't gotten working.
image names 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-->
this like:
<input name="colorradios" type="radio" id="colorradios_1"
value="radio_blue"
onclick="document.getelementbyid('swapimageid').src='case_blue.jpg'>
the image getting swapped need unique id, should
do it.
paul davis
http://www.kaosweaver.com/
visit dozens of useful dreamweaver extensions.
http://www.communitymx.com/
partner @ community mx - extend knowledge
william rickert wrote:
> hope simple 1 out there.
>
> need swap images radio group.
>
> i'll post code here have have now. haven't
> gotten working.
>
> image names 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-->
>
<input name="colorradios" type="radio" id="colorradios_1"
value="radio_blue"
onclick="document.getelementbyid('swapimageid').src='case_blue.jpg'>
the image getting swapped need unique id, should
do it.
paul davis
http://www.kaosweaver.com/
visit dozens of useful dreamweaver extensions.
http://www.communitymx.com/
partner @ community mx - extend knowledge
william rickert wrote:
> hope simple 1 out there.
>
> need swap images radio group.
>
> i'll post code here have have now. haven't
> gotten working.
>
> image names 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-->
>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment