How to publish?



You can publish a tree menu to web page file according to following steps:


1. Create a new menu or open an existed menu:

Click "Blank Menu" or "From Templates" menu under the "File" => "New" menu, then edit the tree menu until you are satisfied with it. Or open an existed menu by clicking "Open" toolbar button.


2. Publish:

Click "Publish..." menu under "File" main menu or click "Publish" toolbar button, then select a web page file to publish tree menu into, then the publish dialog will pop up.

On that dialog, locate the mouse in the web file code edit box where you want to insert tree menu code, then click "Insert" and "Save" button. Then the web file code will be saved to the previously selected publish file, and all the needed image and script files will be copied to the folder which includes the selected publish file.


3. View source code:

After publish, if you open the publish file with NOTEPAD or other editors to view the HTML code, you will see a line of code <script type="text/javascript" src="treemenu.js"> </script> has been inserted into the file between <head> and </head>.  And the tree menu code has been inserted into the file between <body> and </body>.


Following is a HTML file code example after tree menu inserted: (The green line is inserted by the program)


<html>
<head>
<META http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>AllyNova Tree Menu</title>
<script type="text/javascript" src="treemenu.js"> </script>
</head>

<body>

<script type="text/javascript">
var mytree = new treeview("tree1","boxclose.gif","boxopen.gif","foldclose.gif","foldopen.gif","folditem.gif","round_lt.gif","round_lr.gif","round_lb.gif","round_lv.gif","blank.gif",16,22,true,true,true,230,0,20,0,0,true,true,false,true,false,"#009300","","no-repeat","Solid",1,"#009300",0,"","","","no-repeat","","","no-repeat"," 9pt Verdana, Arial, Helvetica","#ffffff","none"," 9pt Verdana, Arial, Helvetica","#00ff00","none","");
mytree.addItem("Home","http://www.allynova.com","","Home",false,true,true,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addTree("Products","#","","Products","3","box3","icon3",false,true,false,true,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("3",false,true,true);
mytree.addTree("Web&nbsp;Menu&nbsp;Tool","#","","Web Menu Tool","9","box9","icon9",false,false,false,true,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("9",false,false,true);
mytree.addItem("Tree&nbsp;Menu","http://www.allynova.com/treemenu/index.html","","AllyNova Tree Menu",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("DHTML&nbsp;Menu","http://www.allynova.com/dhtmlmenu/index.html","","AllyNova DHTML Menu",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,false);
mytree.addTree("Web&nbsp;Design&nbsp;Tool","#","","Web Design Tool","10","box10","icon10",false,false,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("10",false,false,false);
mytree.addItem("Web&nbsp;Design","http://www.allynova.com/products.html","","Web Design",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,false);
mytree.addTree("Webmaster&nbsp;Tool","#","","Webmaster Tool","11","box11","icon11",true,false,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("11",true,false,false);
mytree.addItem("Webmaster","http://www.allynova.com/products.html","","Webmaster",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(true,false);
mytree.endNode(false,true);
mytree.addTree("Download","#","","Download","4","box4","icon4",false,true,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("4",false,true,false);
mytree.addItem("Install&nbsp;Package","http://www.allynova.com/download.html","","Install Package",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("User&nbsp;Manual","http://www.allynova.com/download.html","","User Manual",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,true);
mytree.addTree("Purchase","#","","Purchase","5","box5","icon5",false,true,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("5",false,true,false);
mytree.addItem("Online&nbsp;Order","http://www.allynova.com/purchase.html","","Order Help",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Offline&nbsp;Order","http://www.allynova.com/purchase.html","","Offline Order",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Order&nbsp;Help","http://www.allynova.com/purchase.html","","Order Help",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,true);
mytree.addTree("Support","#","","Support","6","box6","icon6",false,true,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("6",false,true,false);
mytree.addItem("Online&nbsp;Submit","http://www.allynova.com/support.html","","Online Submit",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Email&nbsp;Support","http://www.allynova.com/support.html","","Email Support",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Products&nbsp;FAQ","http://www.allynova.com/support.html","","Products FAQ",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Contact&nbsp;Us","http://www.allynova.com/contact.html","","Contact Us",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,true);
mytree.addTree("Affiliate","#","","Affiliate","7","box7","icon7",false,true,false,false,"","",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addNode("7",false,true,false);
mytree.addItem("Affiliate","http://www.allynova.com/affiliate.html","","Affiliate",false,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.addItem("Graphics","http://www.allynova.com/affiliate/graphics.html","","Graphics",true,false,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.endNode(false,true);
mytree.addItem("About&nbsp;Us","http://www.allynova.com/aboutus.html","","About Us",true,true,false,"",true,"","","no-repeat","","","no-repeat",true,"","","","","","","");
mytree.showTree();
</script>

</body>
</html>