avoiding page refresh when rewriting html with outerHTML

Question

I have to read, change and rewrite an HTML OBJECT tag using node.outerHTML. on IE7.

There is a brief refresh of the screen when I do that. I guess that the browser repaints the screen when I write the HTML. The actual OBJECT tag data is the same as before with only one parameter (wmode) that has changed. Size of the object and other parameters remain the same.

Any idea how can I avoid the 'flashing' of the screen?

Answer 1

If you wrap the OBJECT in a container and use instead innerHTML, does that make any difference?

Alternatively, could you possibly change the value of the parameter by directly manipulating the object?

My last guess at a possible solution would be to move the object out of the visible screen (visibility: hidden, or position: absolute + left: -10000) and try performing the operation at that point.

Answer 2

If you're rewriting the entire tag, then it makes sense the object would be re-rendered. Is it possible simply to write the WMODE param/attribute only? In that case, you probably wouldn't get the refresh.