Topic awaiting preservation: Netscape and Drop Down Menu's

Hello everyone,

I have a problem that I came across with Drop Down Menu's. I recently got a job to do and it involved the creation of a javascript drop down menu. I started to create one of my own and came across this at the W3Schools website: http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu10

I worked on the menu from there and ended with exactly what I wanted and needed for appearance and I updated it so you can have sub menu's in the menu's. It works perfect in Internet Explorer, couldn't have ask for a better result. But, now I had to try to make it work in Netscape. I am having no luck. So I figured, I would come to the place that knows javascript best, Ozone Asylum.

Here is my code: http://www.venturenine.com/drop/ozone.html

Is it possible to make this compatible? Or should I restart and try working with layers?

I have read somewhere that you can't put javascript events like onmouseover in TD's or TR's in a table like how it is done in the script for Netscape, is this true?

Any help would be very much appreciated.

Thanks, Brian Benzinger

hmm, I've only looked quickly but the problem seems to be something to do with the onmouseover events on tables - My suggestion would be to ditch the whole table thing ( tables are just so passe ) and follow the new method of nested lists - do a google search on 'nested list menus' or something similar and you are sure to find numerous articles on it that can better explain it than I can. Or you could just give it a shot, it's really not that different to how your current menu works.

Okay, thank you smonkey. I will take look up some more information on that subject. I have view some information about it once before, thanks for your reply.

Netscape/Mozilla doesn't support document.all. Rather, you should be using document.getElementById (in the same way that you're using document.all right now). Your code is pretty well written, and I think that with that one change you'll be well on the way to making it work in Mozilla/Netscape.

Note that IE also supports document.getElementById, so you don't need to even think about document.all ever again, unless IE 4 support is important to you. =)

Slime - I tried changing the document.all to document.getElementById and it worked ok in IE but still failed in moz - I couldn't see what else was wrong (altho maybe it was just a moz cache problem).

One thing to check is Tools -> Web Development -> JavaScript Console, and see if any errors appear on it when you use the menu.

Thanks guys,

Sorry for a late responce, I have been away. Thank you both for your help, I will try your solutions. My main concern for the script as of now is Netscape 6+ and Internet Explorer 5+. Ill try out that Javascript Console tool and see if anything shows up as I work on it.

Thanks again,
Brian