inline style blocks stripped from ajax response in IE
by samunplugged
HTML
<div id="test1"><p>test</p></div>
<div id="test2"><p>test</p></div>
CSS
p {
background: red;
}
JavaScript
new Request.HTML({
url: '/echo/html/',
data: {
html: "<style>#test1 p { background: lightgreen; }</style>" + "<p>red in IE6/7/8, green in all other browsers</p>"
},
method: 'post',
update: 'test1'
}).send();
new Request.HTML({
url: '/echo/html/',
data: {
html: "<p>fixed - green in all browsers!</p>" + "<style>#test2 p { background: lightgreen; }</style>"
},
method: 'post',
update: 'test2'
}).send();