/*
CSS Menu
Created by: Boris Pophristov
Questions or Comments: pophristov.boris@gmail.com
HOW-TOs:
-----------------------------------------------------------
1. How can I add and change items in the menu?
The menu is pure CSS. The JavaScript below just puts the menu in a web page. I created this script to make
the menu easily updatetable.
Let's have a look at the first items section in the menu:
//Menu 1:
menu += "
";
The main item is the first line as it is indicated with the comment after the line. The second and the last
lines are mandatory - they add the sub items section. The lines between them are the sub items as it is
indicated with the comments. You can edit the items names - the text in the "a" tag - for example -
Org Chart. You can edit the link address in the "href" attribute of the "a" tag -
for example - http://www.mnasq.org/OrganizationChart.htm.
ALWAYS USE ABSOLUTE ADDRESSES (addresses that start with http://www.mnasq.org/). THEY WILL MAKE THE LINKS
VALID NOMATHER WHERE YOU PLACE THE MENU.
The menu items will be displayed in the same order they are written in the script.
To add a new sub item in an existing item just copy and paste a sub item line and change the name and the
link address. For example: You want to add a new sub item in the first menu item (Executive Board) after
the sub item Org Chart. You want the new item to be called New Item and you want to link it to the page
newitem.htm which is placed in the main folder of your web site. Here is how the first menu item should
look like:
//Menu 1:
menu += "
";
To remove a sub item just delete the corresponding line in the script. If you do not want a menu item to have
sub items delete all lines below the first line. For example: if you want to remove all sub items from the
first menu item (Executive Board) just leave this line:
menu += "
Executive Board"; // Main
To add a menu item (main item) copy and paste a menu item section in the place you want and edit it.
For example if you want to add a new main menu item after the last one (Archive) add this code after the
Archive section:
//Menu 12:
menu += "
";
Editing the sections that are not commented with "Menu" (the first and the last paragraph) may damage the menu!
-----------------------------------------------------------
1. How can I add the menu to a page?
The menu uses all files in the folder "menu". Deleting files from this folder will damage the menu!
To add the menu to a page you need to do the following things:
A. Add the following code in the "head" section of the page:
B. Add the following code where you want the menu to appear:
The menu is added to every active page of the ASQ web site. You can view-source a page to see how I added the codes.
To be sure, follow my example.
*/
var menu = "";
menu += "
