[thelist] A JavaScript question

[jsWalter]

> -----Original Message-----
> From: thelist-bounces at lists.evolt.org
> [mailto:thelist-bounces at lists.evolt.org]On Behalf Of
> john at johnallsopp.co.uk
> Sent: Friday, September 19, 2003 3:08 PM
> To: thelist at lists.evolt.org
> Subject: [thelist] A JavaScript question


> ... <a href="" class="menuText" onMouseOver=
> "document.getElementById('menu11').style.background-color = '#FFFFFF';">

> Of course, it doesn't work.

What you have is a cross of Cascading Style Sheets syntax and JavaScript
Syntax.

background-color is css syntax

backgroundColor is JS syntax

Here is a general rule I discovered...

<tip type="JavaScript CSS" author="Walter Torres">
    Many CSS style names use a hyphen. To use them in JS,
    the "-" character is omitted, and the character following
    it is capitalized.

      In CSS                      In JavaScript
        background-color            backgroundColor
        font-size                   fontSize
        border-width                borderWidth
</tip>

See how this works for you.

Walter