### Tabbed Menu Generator.

These instructions show how to generate the navigational menu for web pages based on a 'folder tab' view.

## 1. First create the tabs
1.1 Open the file "tabbed_menu_generator.html"
1.2 Edit the HTML and look for the line:

```
 strPageList = "tab1/tab1.html tab2/tab2.html tab3/tab3.html tab4/tab4.html tab5/tab5.html tab6/tab6.html";
```

1.3 Between the quotes, you will need to write out your menu structure in the format "<tabname>/<webpage>", where <tabname> is the link that will be displayed on the folder menu tab, and <webpage> is the page that will be displayed when the tab is clicked

1.4 Save the page and open it in a browser to execute the javascript. Your menu will be displayed in the browser.

1.5 You need to save your menu. View the source then save the page as a HTML file. 

1.6 You can then incorporate the web tabs in an iframe off your main view page to get a seamlessly switch between individual html pages tabs the are clicked. 

##2. But how do I link my pages to the tabs?
2.1 You need to create a physical directory structure to match the tab structure. Simply create folders in the same directory as your index page.
2.2 The folder names should be the same as the tab names eg Tab1, Tab2.
2.3 Within each folder, put the webpage that the tab links to eg Tab1.html goes in the Tab1 folder you created above. Tab2.html goes in the Tab2 folder...

That is it! 

### Licence
This template was originally created for [www.echobyte.co.uk](http://www.echobyte.co.uk). It is free for personal use, however please see the licence for commercial use.  


### Support or Contact
Stuck? Download the example template. The project is on GitHub - try there for help or even post a bug.
I'm also on twitter (@gitesh)