DHTML in Mozilla

[paintbrush420]

Greetings all. I have an issue with Mozilla compatibility that has me stumped. I am trying to get a simple show/hide script working for a DHTML drop down navigation. It doesn't seem to want to use getElementByID(x).style to swap out visible/hidden in the div's style element (That is what the Mozilla site is suggesting as standards compatible.) Works beautifully in NS and IE. But I'm getting a javascript error that the ID of the div tag is not defined even though it is.

Gecko has me by the ropes. Any ideas?

 

[tviman]

This might be your problem...

instead of this: getElementByID(x)

use this: getElementById(x)

Javascript is case sensitive!

There's always a better way. The fun is trying to find it!

 

[paintbrush420]

Thanks, but that's not it. I am used to searching for case sensitive JS bitchyness when things go awry.

Still hammering away at this. Any other takers?

 

[tviman]

Can you post a link to the page or post the code itself?

There's always a better way. The fun is trying to find it!

 

[paintbrush420]

Well, tvi, with the deadline looming over me I decided just abandon that approach and use the display property and some strategically placed .gifs to fake the same effect. Not elegant, but the users will never know.

Perhaps I will post the code after the crunch is over and we can all sort it out.

Thanks for the advice,
P420

 

[philote]

This little tidbit works for me in IE and Mozilla(& Firefox) to show/hide divs:

div = document.getElementById(id);
div.style.display=(div.style.display=="block")?"none":"block";