A Simple DHTML Flyout Menu

If there is one thing that computer users are familiar with it is the "drop down" or "fly out" menu system. This is also sometimes referred to as a "cascading menu" system. We see this particularly in operating system interfaces, and Microsoft applications such as the menu bar in Word. in this self-contained article, Tom shows you how to build a DHTML 2 level cascade (deep enough for most web menus) that you can use for your own sites.

$2.79
- OR -

Overview

Table of Content:

  • A simpler flyout
  • Caveat Emptor
  • Script Components
  • CSS Components
  • Set up the HTML
  • The CSS stylesheet
  • Setting up the Script
    • First Things First
    • Calling ShowMenu()
    • The setTimeout() Method
    • FinalClose()
    • The CloseSubMenu() Function
    • HideMenu()
    • Sub Menu Function Calls
    • Full HTML
    • Full CSS
    • Full Script
  • Conclusion

Reviews

THANK YOU!!

January 10, 2004 by nikki shannon

Doesn't Work PC IE6

March 15, 2006 by Jay moody

This tutorial was promising at first. Tom explained the compatability limitations up front which was fine with me since I only needed help creating a menu for an intranet consisting of pcs using IE6.  I followed along through the tutorial writing my own .htm, .css, and .js pages. 

Of course it didn't work.  When I finally gave up trying to fix it, I scrapped all the files and just copied the entire source provided by Tom in the tutorial. The problem continued:

Line: 40

Char: 1

Error: 'finalCloseTime' is undefined

I then tried placing all the js and css in the same page as the html.  Didn't work...

I'm pretty upset that I purchased this document hoping to find help where I didn't find it elsewhere then being completely let down.

RE: Doesn't Work PC IE6

March 15, 2006 by Tom Dell'Aringa
If you'll email me your files, I can help you out. Looks like you have a call to a function that the page cannot see, probably simple to fix. Copying the code from the PDFs can be problematic because of weird line breaks, so you have to be really careful. Tom

RE: RE: Doesn't Work PC IE6

March 16, 2006 by Jay moody

Thank you for your quick reply Tom.  I was able to find a break where there shouldn't be. It works beautifuly now!

What can be done to this script to make it compatable with other browsers as well. (I don't have a need for the compatability, but am curious....Firefox and older versions of IE)

 

 

 

See all 5 Reviews

You must me logged in to write a review.