Tweet
We want to use the dropimage type for one of our options, but you are only able to see the associated image (for us, a color swatch) after you click on a choice in the drop-down list. This is very clumsy and time-consuming since the user has to repeatedly bring down the list and make selection after selection in order to see all the color options.
Is there a way to make the color swatches appear as you mouse over the choices?
I'm using listing_2. In it I found the code shown below but don't know how to modify it to get the result I want. I tried changing "onChange" to "onMouseOver" and it almost works, but each image that appears is the one for the previous choice.
I'm stumped. Can anyone help?
<td><select name="[oname]" onChange="validateValues(document.add,1);" class="txtBoxStyle">
<!--START: option-->
<option value="[value]" [selected]>[feature] [oprice]</option>
<!--END: option-->
</select></td>
<td> </td>
<td><img name="img_[oname]" width="50" src="assets/templates/common/images/spacer.gif" alt=""></td>
</tr>
</table>
<!--END: dropdownimage-format-->
Is there a way to make the color swatches appear as you mouse over the choices?
I'm using listing_2. In it I found the code shown below but don't know how to modify it to get the result I want. I tried changing "onChange" to "onMouseOver" and it almost works, but each image that appears is the one for the previous choice.
I'm stumped. Can anyone help?
<td><select name="[oname]" onChange="validateValues(document.add,1);" class="txtBoxStyle">
<!--START: option-->
<option value="[value]" [selected]>[feature] [oprice]</option>
<!--END: option-->
</select></td>
<td> </td>
<td><img name="img_[oname]" width="50" src="assets/templates/common/images/spacer.gif" alt=""></td>
</tr>
</table>
<!--END: dropdownimage-format-->
Comment