AjAX, change background image in css dynamically

[vartana]

I will be getting the background url dynamically using ajax and html. I have set an id=boxFooter_002 to my div and have

.boxFooter_002{position:absolute;right:0px;width:12px;height:12px;background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/DOG.png', sizingMethod='fixed');}
html>body .boxFooter_002{background:url('images/DOG.png') transparent repeat-x 0px 0px;}
 

now the thing is i will need to dynamically change the image url "images/DOG.png" to something else, i have created in ajax a script that gets the new url so how do i change the images/dog.png to what the new url is?

[acoder]

Get the element whose background has to be changed and change the style.backgroundImage property:

elem.style.backgroundImage = newURL;

[vartana]

Will that also change the url for the IE Fix?

Get the element whose background has to be changed and change the style.backgroundImage property:

elem.style.backgroundImage = newURL;

[acoder]

No, probably not. You'd have to change the filter most probably (I don't use filters, so can't say for sure).