Java Script Tab Menus

 
   

The menus are created with a javascript plugin called ULTIMATE DROP DOWN MENU Version 4.5 by Brothercake.

Please download the menu files here and apply the following code to your website:

UNDP Tab Menu New(JavaScript) Zip file
This file controls the contents of the pull-down tab menu, and can be downloaded, modified, and kept locally.

Please note that IF you want to apply a similar drop-down menu to your site, you will need to adjust the global navigation code like below.


HTML CODE

  1. Insert the following Javascript codes within the <head> </head> containers. Please note that these files can be downloaded using the link above. USE ALL JAVASCRIPT!
    <script type="text/javascript" src="udm-custom.js"></script>
    <script type="text/javascript" src="udm-control.js"></script>
    <script type="text/javascript" src="udm-style.js"></script>
    <script type="text/javascript" src="udm-dom.js"></script>
  2. Insert the following code right before the <div class="banner"> tag. This files holds the global navigation menu items that is located in the blue bar at the top of the page. Please make sure you use the correct language file. Below you will find files for SPANISH, FRENCH, and ENGLISH. YOU MAY ONLY SELECT ONE!
    <!--#include file="/cms_includes/es/global_nav_new_menu.shtml" -->
    <!--#include file="/cms_includes/fr/global_nav_new_menu.shtml" -->
    <!--#include file="/cms_includes/en/global_nav_new_menu.shtml" -->
  3. Insert the following code at the end of the page, right before the </body> tag ends. This file holds the sub menu items. Please make sure you use the correct language file. Below you will find files for SPANISH, FRENCH, and ENGLISH. YOU MAY ONLY SELECT ONE!
    <!--#include file="/new_menu/undp_menus_spanish.shtml" -->
    <!--#include file="/new_menu/undp_menus_french.shtml" -->
    <!--#include file="/new_menu/undp_menus.shtml" -->