All material copyright Net Explorers Ltd 2001 - 2003. All rights reserved.

JavaScript Tree Menu

Net Explorers
Javascript Tree Menu Installation Guide

Installation Guide

The JavaScript Tree Menu by Net Explorers Ltd is open source and released under the terms of the GNU General Public License, a copy of which is distributed with this script. By using or distributing this script you are agreeing to the terms of the license.

The usual terms of use apply. You may freely use this for personal or commercial use so long as you keep the copyright notices intact. A link back to our website is not compulsory but would be very much appreciated. www.hosting-netexplorers.co.uk


Features
  • Works in all browsers (hopefully)
  • Tested on PC (IE5, NS4 & Opera 5) and Mac (IE5 & NS4.7)
  • Appearance easily changed using a style sheet
  • Use of images and/or characters for the bullets is optional
  • Configurable through a group of settings
  • Can easiliy be used to pass varaibles on the end of URLs

Installation

Files needed:

  • menu.html - page that displays the menu
  • jsmenu/jsmenu.js - contains the menu data, settings and code that generates the menu
  • jsmenu/style.css - style sheet that determines text attributes
  • images/open.gif, closed.gif, bullet.gif - to use your own images change the settings

How to build your menu:

Change the settings in jsmenu.js to suit your requirements. All the variables have comments to explain what each of them does.

For each menu category you need to do 3 things:

1. Create a short variable to identify the category e.g. for the web hosting category we chose 'hosting'

2. Build you menu data in jsmenu.js:

    - put your indentifying variable into the 'if' statement e.g. page=='hosting'
    - Create your sub category items - each has a name and a url
    - Make sure they are correctly numbered (in sequential order)

    i.e. starting from 0
    thisMenu[0]
    thisMenu[1]
    thisMenu[2]
    thisMenu[3]

3. Change the code in the <BODY> of menu.html file where you want the menu to appear.

Only two things to change here, the category name and the identifying variable e.g. 'Web Hosting' and 'hosting'.