The JavaScript Menu Component

Frequently Asked Questions


Send comments and questions about this article to View Source.

  1. Menus in Frames?
  2. Form Input Fields, and other Native Components?
  3. IE 4 Background Color?
  4. IE 5 Loading?
  5. Menu sizing?

  1. Q. Menus in Frames?

    A. HTML and CSS-P-based content cannot overlap across frameset borders -- just as images can't. See the "Menus in Frames" section in the article at the following URL:

    http://developer.netscape.com/viewsource/smith_menu2/menu.html

  2. Q. Form Input Fields, and other Native Components?

    A. HTML and CSS-P-based content cannot overlap across any native OS-based components, such as: framesets, applets, or even standard Form input elements. This is a web browser limitation that you'll need to work-around, e.g. by either re-arranging your content so that the menus don't overlap across the area, or by wrapping the native components inside an CSS-P element and then hiding that element when the menu is displayed.

  3. Q. IE 4 Background Color?

    A. IE 4 has a problem with the document background color; so, you'll need to call the function that loads the menus somewhere after the Body tag (preferably at the end of the page source). See the following page source for an example of doing this:

    http://developer.netscape.com/docs/examples/javascript/menu/iefixes.html

  4. Q. IE 5 Loading?

    A. IE 5 doesn't allow DHTML to be created before the html BODY tag. My original menu article has the menu creation script being called inside the HEAD tags (as where scripts should be). However, due to this IE 5 layout problem, you now have to call a function that loads your menus somewhere after the BODY tag. See the Simple Menu page for an example of how to do this.

  5. Q. Menu sizing?

    A. To control the size of the menu box, use the following menu width and height properties:

    myMenu.menuWidth = 200;
    myMenu.menuHeight = 200;
    
    Or, you can set the pixel width and height of the menu items:
    myMenu.menuItemWidth = 200;
    myMenu.menuItemHeight = 20;
    

More FAQ's Coming Soon...


Further Resources


View Source wants your feedback!
Write to us and let us know
what you think of this article.