Hi i wondered if someone could help me i am using a ecommerce open source script called "OpenCart" and am doing a personalization site so people can choose options upon checkout for example because its an embroidery site i give them the option to choose different fonts. so when they choose a font it shows them a picture of that font but for some reason it is only working in IE9 and FF, i got a feeling its the onclick part which is causing the error. here is the code for the onclick: <option value="<?php echo $option_value['option_value_id']; ?>" <?php echo (isset($option_value['option_image']) && !empty($option_value['option_image']) ? 'onClick="getPreview(\''.$option_value['option_image_thumb'] .'\', \''.$option_value['option_image_popup'] .'\');"' : ''); ?>><?php echo $option_value['name']; ?> HTML: and here is the function for the onclick="getPreview" <script language="javascript" type="text/javascript"><!-- function getPreview(image,popup){ $('#image').attr('src', image); //return a preview file $('a.thickbox').attr('href', popup); //return a preview file } //--></script> HTML: Really hope someone can help me as i been searching all around to find a solution but just cant find one and i know probalby need to use the .change function but my skills in jquery are that brillient so i get lost lol. Regards, Aaron
EDIT: i also forgot to add the link to site: http://www.embroiderywithlove.com/index.php?route=product/product&path=1&product_id=1