DOM Dropdowns

Today I’ve been working to replace the dropdown menus on the Village RV site. I originally created them with Fireworks. If you’ve ever taken a look at that script you know what a monster it is (32K!). However, it is very cross browser compliant

Fortunately, there is an alternative over at gazingus.org. There is an example there of using lists for drop down menus. The script is MUCH smaller and works with browsers that support the DOM. Since I already have hub pages setup that contain links to the pages listed on the drop down menus, other non-DOM capable browsers will still be able to navigate the site.

Seems perfect, right? Almost. The script at gazingus.org uses an onClick event handler to initially show the menus and then hide them again if desired. I have altered it somewhat so that they appear on the first mouseover event. All fine and dandy. However, they never go away. I have tried adding a onmouseout event function but I’m getting hung up on a detail.

If anyone has any ideas on how to add this functionality, I’d love to know!

Leave a Reply