How to use JavaScript include file mode?



If you will insert tree menu code to many web pages which don't in the same directory, you can use "JavaScript include file mode" to using the tree menu code, then you no need to update every web page when you want to update the tree menu style, just need to update the JavaScript include file. And all the resource files will be copied to an absolute path, you just need to manage this folder.


You can use JavaScript include file mode according to following steps:

1. Create tree menu:

Click "Blank Menu" or "From Templates" menu under the "File" => "New" menu, then edit the tree menu until you are satisfied with it.

2. Set Web Path:

Click "Web Path" under "Global Settings" in settings panel, then input absolute path or URL for the script and image path, and replace the base link with absolute path or URL. More please see "Web Path Settings".

3. Save tree menu as JavaScript Include File:

Click "File" => "Save as JavaScript Include File..." menu to save current tree menu as a ".js" file, then the "View Tree Menu Code" dialog will be opened. You can insert the two JavaScript include code into your HTML pages which you want to display the tree menu.

4. Copy Resource Files to a folder:

Click "File" => "Copy Resource Files to..." menu to copy resource files to a folder, then you can copy or upload these script and image files to the path or URL you set in "Web Path Settings". Script files copy or upload to "Script Path", image files copy or upload to "Image Path. Now you can run the HTML pages with tree menu normally.