Triple and Double Menu Tutorial

Building the Menu

When you have clicked the 'Create Menu Code' tab, you move into a new screen where the menu is created. The picture below shows part of this screen, where you can see the instructions: "... start copying the HEAD code (TMA) here..." This is where you start copying the code, which you will eventually paste in your (real) page.

You might seect part of the code above and scroll down the page until you find the instructions to stop copying the HEAD code:

If you have clicked above, you would press the shift key before you clicked here. So you copy this code and paste it into the HEAD of your 'real' page.

There are two more cut and paste operations though. You may see above, that you have a reminder to copy the code (onLoad="setUpTMA()") into the body code of your 'real' page.

And the last task is to copy HTML menu code to the place in your page where you want the double or triple menu to appear.

The code to copy is between:

"<!-- ####################### copy the code (TMA) below to where you want the menu to appear ####################### -->"

and

"<!-- ####################### stop copying the menu code (TMA) here ####################### -->"

In both cases, for the HEAD code and for the code for the menu, you might also wish to include these instruction tags in your copy. You may also note above, the (TMA) refers to the menu ID, which is helpful in identifying code when you have made more than one menu on your page.

In the above picture, you might have noticed the Save As button, and the Viewer buton (). The viewer button takes you to a new screen where you can view your double or triple menu and check it works as you want it to work.

When you click on this Viewer button, you will be asked to save your page code, which you should do in the project directory, because the JavaScript code has been written to work in that directory only. So you save the project, either because the program invites you to, or because you have clicked on the 'Save As' button and done so already.

Then you can view your menu: