Previous Page | Right click this page to print.

Updating the Top Navigation Library File

The following instructions are provided for guidance if the main menu names and links have been changed, new pop-up menus have been added, or pop-up menus have been deleted.

Change Main Menu Names and Links
Add a New Pop-up Menu
 Delete a Pop-up Menu

Note: If the only changes made have been to the menu headings in existing pop-up menu arrays (in the templates), there is no need to update the nav_top.lbi file.

Change Main Menu Names and Links

  1. Open the nav_top.lbi file.
  2. While looking at the source code, change the names and links of each desired main menu name by changing the code located in and between the <a> tag:
    • See the source code in Example 1.
      • Each <td></td> tag (in Example 1 the first <td> section is in bold) represents a main menu name section.
      • Within each <td> tag section is an <a> tag that contains the href="../SamplePage.htm" attribute (the link address to the main menu name) and between the <a></a> is the main menu name. These areas are each highlighted bold in Example 1.
  3. Save the file and allow Dreamweaver to update all pages using this library.

Add a New Pop-up Menu

  1. Make sure that the new pop-up array menu code has been updated in the JavaScript files.
  2. Open the nav_top.lbi file.
  3. While looking at the source code, find the <td></td> tag section that corresponds to the main menu name where the new pop-up menu is desired.
    • See the source code in Example 2.
      • Each <td></td> tag (in Example 2 the first <td> section is in bold) represents a main menu name section.
      • The main menu name sections that contain a pop-up menu, contain code very similar to the highlighted <td></td> tag code in Example 2.
        • The only non-formatting differences between each main menu name section (the ones that contain a pop-up menu) are the letter of the box, the names, and links of the main menu names. These are all shown bolded in Example 2, after the first <td> tag section.
  4. If the code for the main menu name section to change, does not have code similar to the code below and is more similar to this source code, then replace the existing <td> tag section with the code below: 
    <td  height="19" align="center" bgcolor="#FFFFFF" onMouseOut="if(!nn4){boxTimer()}" onMouseOver="if(!nn4){showLayer('boxA',true)}" id=A width="55"> 
       <a href="../index.htm" TabIndex=0 onFocus="showLayer('boxA',false)" onBlur="setMenuFocus('boxA')" onMouseOut="if(nn4){boxTimer()}" onMouseOver="if(nn4){showLayer('boxA',true)}" id=A>Welcome</a>
          <script language="JavaScript1.2" type="text/javascript">if(ie)document.write(boxGen("Abox"));</script>
    </td>
  5. Change what is highlighted to match the correct pop-up menu array box letter and the main menu name and link.
    Note: The <td> width="" attribute may also need to be changed in order to achieve the desired main menu section length.
  6. If the background color of the main menu section is incorrect then change the <td> tag bgcolor attribute to the correct background color.
  7. Save the file and allow Dreamweaver to update all pages using this library.

Delete a Pop-up Menu

This only needs to be done if a pop-up menu is no longer desired to be shown when a user mouses or tabs over the main menu name.

  1. Open the nav_top.lbi file.
  2. While looking at the source code, find the <td></td> tag section that no longer needs the pop-up menu.
    • See the source code in Example 2.
      • Each <td></td> tag (in Example 2 the first <td> section is in bold) represents a main menu name section.
      • The main menu name sections that contain a pop-up menu, contain code very similar to the highlighted <td></td> tag code in Example 2.
        • The only non-formatting differences between each main menu name section (the ones that contain a pop-up menu) are the letter of the box and the names and links of the main menu names, as shown bolded in Example 2, after the first <td> section.
  3. The desired pop-up menu code to be deleted should look similar to the following: 
    4. <td  height="19" align="center" bgcolor="#FFFFFF" onMouseOut="if(!nn4){boxTimer()}" onMouseOver="if(!nn4){showLayer('boxA',true)}" id=A width="55"> 
       <a href="../index.htm" TabIndex=0 onFocus="showLayer('boxA',false)" onBlur="setMenuFocus('boxA')" onMouseOut="if(nn4){boxTimer()}" onMouseOver="if(nn4){showLayer('boxA',true)}" id=A>Welcome</a>
          <script language="JavaScript1.2" type="text/javascript">if(ie)document.write(boxGen("Abox"));</script>
    </td>
  4. Delete what is highlighted in bold making sure to leave the formatting attributes in the <td> tag and the href attribute in the <a> tag.
    After the the deletions the code above looks like the following:
    5. <td  height="19" align="center" bgcolor="#FFFFFF" width="55">
       <a href="../index.htm">Welcome</a>
    </td>
  5. Save the file and allow Dreamweaver to update all pages using this library.
  6. Finally delete the JavaScript's pop-up menu code from the JavaScript files.

 

Previous Page | Right click this page to print.