• +
• -
• D
•  
• Guides
• Synch

• Ideas Tree Menu Home
• Documentation
  • Features
    • For the User
    • For the Developer
  • Set up
    • Basics
    • Optional Extras
• Philosophy
  • Ethics
    • Normative
    • Applied
      • Discrimination
      • Infanticide
      • Just War
      • Politics
        • Left
        • Right
    • Meta-Ethics
  • Metaphysics
    • Free Will V Causal Slavery
    • The Mind/Body Problem
  • Epistemology
• Materialism
• Religion

Key

• Page Exists (not fake)

Ideas Tree Menu - Set Up Optional Extras

You can include the following options in your Tree Menu:

1. Add a "defaultExpand" class to actuators for submenus that you wish to expand either: before the user has manipulated the tree; and/or when the user clicks on the "Default Expansion" command.

   <li><a href="index.html"><span>Home</span></a></li>
   <li class="parent">
     <a href="javascript:%20void%20(0);" class="actuator defaultExpand"><span>Documentation</span></a>
     <!-- The <ul> below is the "subMenu" node -->
     <ul>
       <li class="parent">
         <a href="javascript:%20void%20(0);" class="actuator defaultExpand"><span>Features</span></a>
         <!-- The <ul> below is the "subMenu" node -->
         <ul>          
             

2. Add Expansion commands: "Expand All"; "Collapse All"; and/or "Default Expansion":

   <ul class="menuTreeCommands">          
     <li>
     <a href="javascript:%20void%20(0)" 
       onclick="return configureTree('expandAll');" 
       onmouseover="return blankStatus()"
       title="Expand all branches in the menu.">
       +
     </a> 
     </li> 
     <li>          
     <a href="javascript:%20void%20(0)" 
       onclick="return configureTree('collapseAll');" 
       onmouseover="return blankStatus()"
       title="Collapse all branches in the menu.">
       -
     </a> 
     </li> 
     <li>
     <a href="javascript:%20void%20(0)" 
       onclick="return configureTree('byDefaultExpandClass');" 
       onmouseover="return blankStatus()"
       title="Default Expansion according to what the page author has set.">
       D
     </a>  
     </li>
     ...
   </ul> 
    

3. Add the "Guides" and "Synch" commands:

   <ul class="menuTreeCommands"> 
     ...
     <li class="spacer">&#160;</li>              
     <li>
     <a href="javascript:%20void%20(0)" 
       onclick="return guidesToggle();" 
       onmouseover="return blankStatus()"
       title="Toggle Guides for the tree menu.">
       Guides
     </a> 
     </li>
     <li>
     <a href="javascript:%20void%20(0)" 
       onclick="return synchMenuTreeToPage();" 
       onmouseover="return blankStatus()"
       title="Synchronize the menu with the current page.">
       Synch
     </a> 
     </li> 
   </ul> 
    

4. In menuTree.js search for "Options for you to configure" and configure various options to your delight.