z-index of image in Opera 7.21

[Albert Wagner]

Javascript doesn't allow a hyphen in names, therefore when creating an
image element in javascript and wanting to specify 'z-index', I had to
spell it 'zindex'(image.style.zindex = 10;). But I am now confused as
to the proper way to handle hypenated CSS names. The 4th edition
Definitive Guide has index entries for 'z-index' and 'zIndex', but not
'zindex'. The HTML context is 4.01 strict and the browser is Opera 7.21.
What I am doing appears to work but I don't understand why.

--
Life is an offensive, directed against the repetitious mechanism of the
Universe.
--Alfred North Whitehead (1861-1947)

[Martin Honnen]

Albert Wagner wrote:

Javascript doesn't allow a hyphen in names, therefore when creating an
image element in javascript and wanting to specify 'z-index', I had to
spell it 'zindex'(image.style.zindex = 10;). But I am now confused as
to the proper way to handle hypenated CSS names. The 4th edition
Definitive Guide has index entries for 'z-index' and 'zIndex', but not
'zindex'. The HTML context is 4.01 strict and the browser is Opera 7.21.
What I am doing appears to work but I don't understand why.

Throw out the hyphens and use camel casing
element.style.zIndex = '10'
--

Martin Honnen
http://JavaScript.FAQTs.com/

[DU]

Albert Wagner wrote:

Javascript doesn't allow a hyphen in names, therefore when creating an
image element in javascript and wanting to specify 'z-index', I had to
spell it 'zindex'(image.style.zindex = 10;). But I am now confused as
to the proper way to handle hypenated CSS names. The 4th edition
Definitive Guide has index entries for 'z-index' and 'zIndex', but not
'zindex'. The HTML context is 4.01 strict and the browser is Opera 7.21.
What I am doing appears to work but I don't understand why.

It should always be camelCase when setting the property value via
javascript.

document.getElementById("imageId").style.zIndex = 10;
is correct.

http://www.w3.org/TR/2000/REC-DOM-Le...perties-zIndex

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html