Apycom Home   Tree Menu Home   How to Setup   Parameters   Purchase   Download   Contact 
Apycom Software: apycom.com Apycom's DHTML Tree Menu   version 2.0
Samples:     Blue  |     Silver  |     Olive  |     Orange  |     Green  |     Red  |     Standard Tree  |

See also:   What's New  |   How To Setup  |   Parameters  |   Menu Items  |   Individual Styles  |


How To Setup

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>






bootstrap template | html5 video background | free web design software | HTML5 Video Player | CSS Slider