The scrolling navigation menu on the right was done using javascript. In order to implement this, it is recommended you are familiar with javascript since the scripts need to be edited.

This menu utilizes three javascripts which can be downloaded from:
ftp://support.netobjects.com/Public/Files/java_menu.zip

Editing the scripts:

You can use any text editor, e.g. NotePad, to edit the files. The only file that needs editing is the menu_with_subs.js file.  This file is where you need to enter the paths for the actual menu items; define the color scheme and button width; and define the x,y coordinates for placement on your page.

  • paths for actual menu items
    This is the majority of the script. Each menu button is a line item that appears similar to:
    addItem(new PopUpMenuItem("FAQ List", "faq.html"));
    where the pair is (Button Label, Button Path)
    If you are not using a Flat Directory Structure, it is recommended that you use the absolute path to the page as follows:
    addItem(new PopUpMenuItem("FAQ List", "http://workbench.netobjects.com/faq.html"));
     
  • placement of menu on page
    near the end of the script, you will see two lines as follows:
      var minX = 2;
      var minY = 145;
    this specifies the constant position of the menu on the page. So if the page scrolls, the menu will always appear at x,y position: 2,145 in the browser window.

Once you have edited the scripts, save and exit from Notepad.

Placing the scripts in Fusion:

  1. Place a blank text box where you want the menu to appear. The actual placement of the menu is determined in the script, however, placing the text box allows you to have a visual placeholder for the menu.
     
  2. Select the text box, and click HTML in the Properties Palette. You can also right click on the text box and choose Object HTML.
     
  3. In the After Tag tab, place the calls to the three scripts:


    It is important that the relative path to the script files is correct. For this site, I used a Flat Directory Structure to make this easier.
  4. Next, you will need to add the script files as assets in Assets View and set them to Always Publish.

        
    Repeat this for all three script files.
  5. Publish the site and view your cool menu in the works!

Go Back to Previous Page

Have a question that you canīt find the answer to? Want to report a possible bug?

Send a help request to NetObjects Technical Support