Using IE 6/7/8, I receive a JavaScript error code.
The line of code is:
document.getElementById('all').style.backgroundColor = color;
The IE 6/7/8 is:
Invalid property value
Thanks in advance!
views:
128answers:
3
+1
A:
Are you running this code after the DOM is completely loaded? Perhaps there is no 'panel-hlisting-all' yet? If you're using Prototype, you might try:
document.observe("dom:loaded", function() { // Wait until everything is loaded.
document.getElementById('panel-hlisting-all').style.background = color;
});
Just a thought — and I have no way of testing it on IE (thankfully/unfortunately), but what if you tried:
document.getElementById('panel-hlisting-all').style.backgroundColor = color;
Added:
Also note that color must be a string containing a valid CSS color (#FFFFFF, rgb(255,255,255), rgba(255,255,255,1)).
arbales
2009-08-16 05:05:32
I just read the JQuery comment — although not being dependant on a library has it's advantages, Event handling and Selection from API's offer predictable and often dependable results across browsers.
arbales
2009-08-16 05:10:26
I changed to backgroundColor = now I receive the error: "invalid property value". Any ideas? Thanks
GeorgeG
2009-08-16 05:11:10
What is the value you have for that variable?
Noon Silk
2009-08-16 05:19:16
I'd ensure that it is a string. If you're using HEX colors, check to make sure that you didn't leave out the '#'
arbales
2009-08-16 06:06:29
A:
There no such thing as .style.background in JavaScript. Use .style.backgroundColor.
Randell
2009-08-16 05:09:14
A:
Since you're trying to set the backgroundColor when you get this error, my guess would be that the property whose value is invalid - is backgroundColor!
Set a breakpoint on that line and find out what value color has.
John Saunders
2009-08-16 05:25:53