After configuring AJMenu, follow the instructions below to complete the integration of AJMenu to your web site:
1. Save the JavaScript file to your web folder.
Besides the JavaScript file that you specified, the following files will be also be added to the folder:
Filename Description ajlib.js AJMenu library file (Required) ajmenu.js AJMenu core script file (Required) ajmenu.css CSS file containing the font settings for AJMenu (Required) nav_temp.js Backup menu configuration file nav_temp.html AJMenu example and documentation 2. Add the HTML code to your web pages
2.1. Add AJMenu script files to the <head> section
Copy and paste the following HTML code into the <head> section of your web page.
<link rel="STYLESHEET" type="text/css" href="ajmenu.css">
<script language="JavaScript1.2" src="ajlib.js"></script>
<script language="JavaScript1.2" src="ajmenu.js"></script>Note: If the web pages are not in the same folder as the menu files, edit src and href values accordingly to reference the files correctly.
2.2. Add "onload" and "onresize" event handler to the <body> tag
The “onload” and “onresize” event handler must be added to the <body> tag to start the menu after the page has finished loading:
<body onload="loadMenu()" onresize="loadMenu()" ...>
Where … stands for your own body attributes, e.g. bgcolor, link, vlink etc...
2.3. Place the menu at the desired location in the <body> section
Place the following code at the location where you want the menu to appear:
<script language="JavaScript1.2" src="filename.js"></script>
<script language="JavaScript1.2">displayMenu();</script>Replace filename.js with the full path of the JavaScript file saved.
3. Edit font settings in ajmenu.css
To modify AJMenu font settings, open ajmenu.css using Notepad or CSS editor.
You could edit the font face, size and style under the font attribute. The default font class of the main menu is ajmainmenu and that of the submenus is ajsubmenu.
nav_temp.html contains an example of the menu. Please refer to the example if you have any doubts. If you experience any problems configuring AJMenu or using DHTML Menu Creator, please consult the FAQ or contact us at support@navsurf.com
DHTML Menu Creator is freeware. AJMenu is linkware. You are allowed to use the menu on your web site as long as you respect its license agreement. To remove the link to NavSurf.com, you could purchase the menu online at http://navsurf.com/orderform.asp