Step4: Publish



Now we publish the menu according to following steps:


1. 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.


2. 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","line_top_corner.gif","line_branch.gif","line_bottom_corner.gif","line_vertical.gif","blank.gif",16,22,true,true,true,230,0,20,0,0,true,true,false,true,false,"#e6e6fa","","no-repeat","Solid",1,"#000000",0,"","","","no-repeat","","","no-repeat"," 9pt Verdana, Arial, Helvetica","#000000","none"," 9pt Verdana, Arial, Helvetica","#3cb371","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>