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

JavaScript Tree Menu

Net Explorers
Home :: Web Hosting UK :: Web Design UK :: Bespoke Development :: Search Engine Optimisation

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 has been 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'.

 

Need Help?


Thanks to the hosting provider that is currently hosting www.d-zineworx.co.uk where this script was originally made available the discussion forums where we provided support on it went down without us knowing. Luckily we are our own web hosting company so we are currently in the process of setting up new forums on this site to provide support on this script. In the meantime please email info@netexplorers.co.uk for assistance.