«

Hi,

I'm trying to dynamically assign a div background the value of the document
background with a code like this:

var menuDiv = '<div style="visibility:hidden; ';
menuDiv = menuDiv + 'background-color:';
menuDiv = menuDiv + document.bgColor;
menuDiv = menuDiv + '></div>';

In IE and FF, that's working great but not in Opera. I don't really think
Opera is very popular but still, I'm wondering if what I want is easily
achievable with this browser?

Thanks

Just One said the following on 6/24/2007 9:08 AM:
> Hi,
>
> I'm trying to dynamically assign a div background the value of the document
> background with a code like this:
>
> var menuDiv = '<div style="visibility:hidden; ';
> menuDiv = menuDiv + 'background-color:';
> menuDiv = menuDiv + document.bgColor;

document.style.backgroundColor;

And then make sure it is defined as background-color in the CSS of the
body element.
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Just One wrote:
> Hi,
>
> I'm trying to dynamically assign a div background the value of the document
> background with a code like this:
>
> var menuDiv = '<div style="visibility:hidden; ';
> menuDiv = menuDiv + 'background-color:';
> menuDiv = menuDiv + document.bgColor;
> menuDiv = menuDiv + '></div>';

Randy's suggestion will not work, try this:

var menuDiv = '<div style="visibility:hidden; ';
menuDiv = menuDiv + 'background-color:';
menuDiv = menuDiv +
(document.bgColor||
getComputedStyle(document.body,null).backgroundCol or||'transparent');
menuDiv = menuDiv + '></div>';

Cheers, scripts.contact! That works great, even though I don't quite know,
let alone understand that method. I guess being stuck with JS1.3 and old
browsers is the reason, have to fast-forward to version 1.5 and Gecko-based
DOM (as I understand both FF and Opera try adhering to it).

"scripts.contact" <> wrote in message
news: oups.com...
> Just One wrote:
> > Hi,
> > I'm trying to dynamically assign a div background the value of the
document
> > background with a code like this:
> > var menuDiv = '<div style="visibility:hidden; ';
> > menuDiv = menuDiv + 'background-color:';
> > menuDiv = menuDiv + document.bgColor;
> > menuDiv = menuDiv + '></div>';
>
> Randy's suggestion will not work, try this:
> var menuDiv = '<div style="visibility:hidden; ';
> menuDiv = menuDiv + 'background-color:';
> menuDiv = menuDiv +
> (document.bgColor||
> getComputedStyle(document.body,null).backgroundCol or||'transparent');
> menuDiv = menuDiv + '></div>';

scripts.contact said the following on 6/24/2007 2:51 PM:
> Just One wrote:
>> Hi,
>>
>> I'm trying to dynamically assign a div background the value of the document
>> background with a code like this:
>>
>> var menuDiv = '<div style="visibility:hidden; ';
>> menuDiv = menuDiv + 'background-color:';
>> menuDiv = menuDiv + document.bgColor;
>> menuDiv = menuDiv + '></div>';
>
> Randy's suggestion will not work

Only because it should have been document.body.style.backgroundColor

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/