Apycom Tree Menu comes with several .js files that can be found in the js/ subdirectory of a trial package:
apytmenu.js |
menu engine |
apytmenu_add.js |
additional module for floatable/movable menu features |
apytmenu_ss.js |
additional module for saving menu state |
apytmenu_dyn.js |
additional module with JavaScript API to change the menu "on-the-fly" |
data.js |
data file with menu parameters, styles,
items.
This file can be renamed.
|
Place these files to any folder of your html project and add a reference to the files within your HTML page.
For example, this folder will be menudir/.
Paste the following code within html page (into <head> tag):
<!-- Apycom's DHTML Tree Menu -->
<noscript><a href=http://dhtml-menu.com/>DHTML Tree Menu by Apycom.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2" src="menudir/apytmenu.js"></script>
<!-- (c) 2005, Apycom Software, apycom.com -->
Then paste the following code into a place where the menu will be shown:
<script type="text/javascript" language="JavaScript1.2" src="menudir/data.js"></script>
For example into a table cell:
<table>
<tr><td>
<script type="text/javascript" language="JavaScript1.2" src="menudir/data.js"></script>
</td></tr>
</table>
Installation of Additional Modules
1. If your menu supports floatable/movable features, add the following code within html page:
<script type="text/javascript" language="JavaScript1.2" src="menudir/apytmenu_add.js"></script>
2. If your menu supports the state-saving feature, add the following code within html page:
<script type="text/javascript" language="JavaScript1.2" src="menudir/apytmenu_ss.js"></script>
3. If you want to change the menu "on-the-fly" with the help of
additional JavaScript functions,
add the following code within html page:
<script type="text/javascript" language="JavaScript1.2" src="menudir/apytmenu_dyn.js"></script>
|