Users have the ability to update the look of their customizable widget by editing CSS code in a textarea that automatically updates a <style> element when changed.
Here is the JavaScript function:
function updateWidgetStyling() {
$("#stylePreview").html( $('#WidgetviewCustomCSS').val() );
}
And here is the HTML code:
<style id="stylePreview">
...
</style>
<textarea name="data[Widgetview][customCSS]" cols="30" rows="6"
onchange="updateWidgetStyling()" id="WidgetviewCustomCSS">...</textarea>
This setup works in Chrome, Firefox, and IE9, but runs into issues with IE7. Can anyone suggest a fix for IE7 compatibility? Unfortunately, we are a B2B company and need to support IE7 users.
Thank you for any assistance provided.