Main Points

Unobtrusive Javascript Example 7

So, didn't I say somewhere a few examples ago that I was gonna get too cocky?

I don't know where this problem crept in. That's the problem. It's fundamental that you have to test with a working copy of what you want. And there was a key element that made the last set of menus in example 6 useless. They had no links. What possible difference could that make? Well... Take a look.

If you're using Firefox, this is probably what you're getting. Every time you mouseover a navbutton, its menu appears. You can even mouseover the menu and it stays. But if you mouseover the links (on the button OR the menu), the menu vanishes. Mousing over the links seems to count as moving out of the div and fires the ButtonOff function.

If you're using IE, it's a much simpler problem. When you move over a link, it fires a Javascript error. So in neither case can you actually use a link. And because this has been developed extensively through examples 5 and 6, I'd have to start all over again. For the moment, I'm going to have to run the navbar along the lines of example 4 -- copying the working code for each and every button and menu. It's not elegant, but it will run and file size isn't much of a problem for this application. My server load is really low, and my visitors have relatively little to download. And of course, the Javascript only needs to be downloaded once. So after people have reached the homepage, they've taken the hit.

Skip to Main Points
<-- Back to 6. Subroutine Driven Navbar
Continue to 8. Passing Parameters-->