DOM Rollovers Tutorial

[JackFlash]

Thanks for the tutorial, Chad. I have just derived considerable twisted pleasure from updating a piece of jscript I got from MSDN to make it a little more DOM compliant by using getElementById and setAttribute.

It still worked (in IE 5.0 SP2 even), so, emboldened, I gave it a face lift:

<SCRIPT type="text/ecmascript">

Do I get a free trip to Brussels?

Next, I went hog wild and put style info in a separate stylesheet:

<link href="myStyles.css" rel="stylesheet" type="text/css">

BUT, what about dynamically changing style properties, e.g.

if (myID.style.display == "none")
myID.style.display = "";

(I substituted "block" for "" and that worked OK)

Is there a DOM-compliant way of doing this, or is this still just for dirty, greasy MSIE monkies?

Cheers++

Jack

http://Jumpin.Jack.net

[chad]

Hi Jack..

The display "none" and " " should work cross-browser. You can also substitute block with "inline" if you don't want to invoke the CSS box model. Of course with regard to elements you can also use
"visibility:visible" or "visibility:hidden" in
your style sheet, or hard coded into the html tag itself. (eg)

<p style="position:absolute;visibility:hidden;"
</p>

here
is the W3c display link..

Good coding!