I'd like to replace the range, currently displayed as repeating background image or solid color, with the image, which would be stretched accordingly. My image is spectrum-like gradient and slider values (the range slider is used in my case) control the mapping of colors to the data. This solution would be very intuitive and powerful in my use case.
I've tried naively to change the jQuery result, but it does nothing: $(".ui-slider-range").append("<img src='image.png' style='width:100%'></img>");
it disables the submit button when my form is submitted (IDs are used). This action displays a result page. If the browser's Back button is pressed to change some of entered items, the submit button in Firefox is still disabled, while the same action in MSIE8 enables it again. I don't know if this is exactly JavaScript/browser/chache issue, but any idea how to get the submit button enabled 'automatically' again is appreciated. Unfortunately the refresh button in Firefox doesn't help either (probably JSP issue) - I have to press Enter on the address bar which is not very obvious for every user.