ansaurus

Question

How to set IFRAME's background color to the BG-color of it's parent document?

Answer 1

+1 A:

If the self-contained application is on the same domain as the article page, you could access the top frame (with the article) through javascript - like this:

document.body.style.backgroundColor = getComputedStyle(window.top.document.body);

Computed style can be get as described in this article.

Your other option is to add a query string parameter for the iframe, like bgcolor= - this is a more widget-like approach, and will make the stand-alone application more configurable. I personally recommend this approach - it will not rely on javascript and it will not flicker if the execution gets slow.

Alexander Gyoshev 2009-10-04 08:40:55

thanks for the advice. Yes, the application is on the same domain and I will try the javascript solution, although I see why the second option has your preference.

Peter Perháč 2009-10-04 11:11:06

first option won't work on IE, which uses currentStyle instead, and older browsers where neither is available. It also relies on the background being set on the body tag only; if it were set on the html tag or any other div inside the body it'd not work. The `bgcolor` parameter, on the other hand, is explicit and solid.

bobince 2009-10-04 13:43:34

@bobince good point about the body tag - the currentStyle/computedStyle difference is explained in the article - I just used the term to describe the concept...

Alexander Gyoshev 2009-10-04 18:58:09

ansaurus

tags:

views:

answers:

How to set IFRAME's background color to the BG-color of it's parent document?

related questions