Pulldown Menu Example 
using Dreamweaver

My Examples

• Pulldown Menu Example using Layers & Cookies for persistent storage.
  • Pulldown Menu Example Using Dreamweaver & Layers - launch the example.
  • download - download the source.
  • Technical Description
    • Layers are used to enable/disable the display of Menu and Checkmark layers.
    • Cookies store the completion status.
    • This example uses frames to separate the logic layers in a persistent frame.  The frame
  • Dreamweaver Notes
    • Open up the "Behaviors" window:  Window, Behaviors.
    • JavaScript Behavior to enable/disable menu/checkmark layers:
      initMenuLayers()
    • Menu list & Submenu list layers are enabled by the Behavior: Show-Hide Layers
    • Menu links use the following JavaScript so that all of the JavaScript can be located in the Behaviors window: 
      Link: javascript:void(0);
    • JavaScript Behavior to mark a menu complete:
      parent.logicFrame.setCookie("layCkMenu1","true");
    • pulldown_logic.js - You must modify the method "initMenuLayers()" to disable menu & check layers if you add or modify the Menu structure.
    • Menu #5 (Example of some other options)
      • Uses "OnMouseOver" to show the pulldown.  The content layer (layContent) has an OnClick that clears the menus incase all of the menus were "OnMouseOver" and you wanted to clear the puldown menus.  Therefore if you did not choose a menu option, you must click somewhere on the layContent layer to clear out the pulldown menus.
      • CSS Styles are also used from the default.css file.  This makes the Dreamweaver behavior a "Custom Script" and must be done manually as a JavaScript programmer (as of DW3 - to my knowledge).