"); outputFrame.close(); window.status="OmenTree v1.0 - (C) 1998 Colin Tucker/OmenSoft - http://omensoft.home.ml.org"; } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // drawBranch() - GENERAL FUNCTION - used by the drawTree() function to recursively draw all // visable nodes in the tree structure. function drawBranch(startNode,structureString) { var children = extractChildrenOf(startNode); var currentIndex = 1; while (currentIndex <= children.length) { outputFrame.write(structureString); if (children[currentIndex].type == 'link') { if (children[currentIndex].icon == "") { var imageString = defaultImageURL + defaultLinkIcon; } else {var imageString = defaultImageURL + children[currentIndex].icon} if (children[currentIndex].target == "") { var targetFrame = defaultTargetFrame; } else {var targetFrame = children[currentIndex].target} if (currentIndex != children.length) { outputFrame.write("") } else { outputFrame.write("") } outputFrame.write("" + children[currentIndex].url + " " + children[currentIndex].name + "
\n") } else { var newStructure = structureString; if (children[currentIndex].iconClosed == "") {var iconClosed = "img-folder-closed-" + structureStyle + ".gif"} else {var iconClosed = children[currentIndex].iconClosed} if (children[currentIndex].iconOpen == "") {var iconOpen = "img-folder-open-" + structureStyle + ".gif"} else {var iconOpen = children[currentIndex].iconOpen} if (currentIndex != children.length) { if (children[currentIndex].open == 0) { outputFrame.write("Click to open this folder") outputFrame.write("Click to open this folder " + children[currentIndex].name + "
\n") } else { outputFrame.write("Click to close this folder"); outputFrame.write("Click to close this folder " + children[currentIndex].name + "
\n"); newStructure = newStructure + ""; drawBranch(children[currentIndex].id,newStructure); } } else { if (children[currentIndex].open == 0) { outputFrame.write("Click to open this folder") outputFrame.write("Click to open this folder " + children[currentIndex].name + "
\n") } else { outputFrame.write("Click to close this folder"); outputFrame.write("Click to close this folder " + children[currentIndex].name + "
\n"); newStructure = newStructure + ""; drawBranch(children[currentIndex].id,newStructure); } } } currentIndex++; } } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // toggleFolder() - GENERAL FUNCTION - opens/closes folder nodes. function toggleFolder(id,status) { var nodeIndex = indexOfNode(id); treeData[nodeIndex].open = status; timeOutId = setTimeout("drawTree()",100)} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // indexOfNode() - GENERAL FUNCTION - finds the index in the treeData Collection of the node // with the given id. function indexOfNode(id) { var currentIndex = 1; while (currentIndex <= treeData.length) { if ((treeData[currentIndex].type == 'root') || (treeData[currentIndex].type == 'folder')) { if (treeData[currentIndex].id == id) {return currentIndex}} currentIndex++} return -1} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // extractChildrenOf() - GENERAL FUNCTION - extracts and returns a Collection containing all // of the node's immediate children nodes. function extractChildrenOf(node) { var children = new Collection(); var currentIndex = 1; while (currentIndex <= treeData.length) { if ((treeData[currentIndex].type == 'folder') || (treeData[currentIndex].type == 'link')) { if (treeData[currentIndex].parent == node) { children.add(treeData[currentIndex])}} currentIndex++} return children} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Collection() - OBJECT - a dynamic storage structure similar to an Array. function Collection() { this.length = 0; this.add = add; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // add() - METHOD of Collection - adds an object to a Collection. function add(object) { this.length++; this[this.length] = object} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // RootNode() - OBJECT - represents the top-most node of the hierarchial tree. function RootNode(id,name,url,target,icon) { this.id = id; this.name = name; this.url = url; this.target = target; this.icon = icon; this.type = 'root'; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // FolderNode() - OBJECT - represents a node which branches to contain other nodes. function FolderNode(id,parent,name,iconClosed,iconOpen) { this.id = id; this.parent = parent; this.name = name; this.iconClosed = iconClosed; this.iconOpen = iconOpen; this.type = 'folder'; this.open = 0; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // LinkNode() - OBJECT - a node that represents a link using a URL. function LinkNode(parent,name,url,target,icon) { this.parent = parent; this.name = name; this.url = url; this.target = target; this.icon = icon; this.type = 'link'; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // loadData() - GENERAL FUNCTION - user defined data and variables exist in this function. function loadData() { // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Tree structure definitions: // Syntax: // ROOT NODE: // treeData.add(new RootNode("","","","","")); // NOTE: There must be only ONE root node, and it MUST be the FIRST node. // and can be left null - defaults will be used. // FOLDER NODE: // treeData.add(new FolderNode("","","","","")); // NOTE: Folder nodes MUST have a valid parent node, and they SHOULD have children nodes. // and can be left null - OmenTree will use the // default images. // LINK NODE: // treeData.add(new LinkNode("","","","","")); // NOTE: and may be left null - defaults specified in the user // defined variables section will be used. // Consult the OmenTree documentation for further assistance. treeData = new Collection(); treeData.add(new RootNode('root','OmenTree','html/welcome.html','','')); // Root Node MUST be first! treeData.add(new LinkNode('root','Local Link','html/test.html','','')); treeData.add(new LinkNode('root','Local Link - to top','html/test.html','_top','')); treeData.add(new FolderNode('docs','root','Documentation','','')); treeData.add(new LinkNode('docs','Documentation','html/documentation.html','','img-page.gif')); treeData.add(new LinkNode('docs','Introduction','html/documentation.html#intro','','')); treeData.add(new LinkNode('docs','What is OmenTree?','html/documentation.html#whatis','','')); treeData.add(new LinkNode('docs','Why use OmenTree?','html/documentation.html#whyuse','','')); treeData.add(new LinkNode('docs','Uses of OmenTree','html/documentation.html#uses','','')); treeData.add(new LinkNode('docs','How does it work?','html/documentation.html#howdoes','','')); treeData.add(new LinkNode('docs','What happens now?','html/documentation.html#whathappens','','')); treeData.add(new LinkNode('docs','Lets start','html/documentation.html#letsstart','','')); treeData.add(new LinkNode('docs','Now what?','html/documentation.html#nowwhat','','')); treeData.add(new LinkNode('docs','Additional HTML','html/documentation.html#addhtml','','')); treeData.add(new LinkNode('docs','User Variables','html/documentation.html#uservars','','')); treeData.add(new LinkNode('docs','Tree Structure','html/documentation.html#treestruct','','')); treeData.add(new FolderNode('nodes','docs','Menu Nodes','','')); treeData.add(new LinkNode('nodes','The Root Node','html/documentation.html#root','','')); treeData.add(new LinkNode('nodes','Folder Nodes','html/documentation.html#folders','','')); treeData.add(new LinkNode('nodes','Link Nodes','html/documentation.html#links','','')); treeData.add(new LinkNode('docs','Hints & Tips','html/documentation.html#hintstips','','')); treeData.add(new LinkNode('docs','Additional notes','html/documentation.html#addnotes','','')); treeData.add(new FolderNode('engines','root','Search Engines','','')); treeData.add(new LinkNode('engines','OmenSearch','http://omensoft.home.ml.org/omensearch','','img-page-link.gif')); treeData.add(new LinkNode('engines','AltaVista','http://www.altavista.digital.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','InfoSeek','http://www.infoseek.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','HotBot','http://www.hotbot.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','WebCrawler','http://www.webcrawler.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Yahoo!','http://www.yahoo.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Excite','http://www.excite.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Lycos','http://www.lycos.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Magellan','http://www.mckinley.com','','img-page-link.gif')); treeData.add(new FolderNode('favs','root','Favorites','img-folder-closed-fav.gif','img-folder-open-fav.gif')); treeData.add(new FolderNode('software','favs','Software','','')); treeData.add(new LinkNode('software','Download.com','http://www.download.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('software','Windows95.com','http://www.windows95.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('software','DaveCentral','http://www.davecentral.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('news','favs','News','','')); treeData.add(new LinkNode('news','CNN','http://www.cnn.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','New York Times','http://www.nytimes.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('laffs','favs','Laughs','','')); treeData.add(new LinkNode('laffs','Hardy Har Har','http://www.hardyharhar.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('aca','favs','Academic','','')); treeData.add(new LinkNode('aca','Charles Sturt University','http://www.csu.edu.au','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('aca','Farrer Centre','http://farrer.riv.csu.edu.au','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('newsg','root','Newsgroups','','')); treeData.add(new LinkNode('newsg','comp.lang.javascript','news:comp.lang.javascript','','img-newsgroup.gif')); treeData.add(new FolderNode('email','root','E-mail','','')); treeData.add(new LinkNode('email','Colin Tucker','mailto:[email protected]?subject=To the author of OmenTree...','','img-email.gif')); // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // User defined variables: structureStyle = 0; // 0 for light background, 1 for dark background backgroundColor = '#FFFFFF'; // sets the bgColor of the menu textColor = '#000000'; // sets the color of the text used in the menu linkColor = '#0000AA'; // sets the color of any text links (usually defined in additional HTML sources) aLinkColor = '#FF0000'; // sets the active link color (when you click on the link) vLinkColor = '#880088'; // sets the visited link color backgroundImage = '/oboileft.jpg'; // give the complete path to a gif or jpeg to use as a background image defaultTargetFrame = 'pageFrame'; // the name of the frame that links will load into by default defaultImageURL = 'images/'; // the URL or path where the OmenTree images are located defaultLinkIcon = 'img-page-globe.gif'; // the default icon image used for links omenTreeFont = 'MS Sans Serif,Arial,Helvetica'; // the font used for the menu omenTreeFontSize = 1; // its size - don't make it too big! // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Additional HTML sources: prefixHTML = ""; suffixHTML = "
This is the default OmenTree menu. Consult documentation for information on how to create your own, or visit: http://omensoft.home.ml.org"; } // End Hiding --> <body><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47423994-1', 'fortunecity.ws'); ga('send', 'pageview'); </script> <center> <br> <div> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </div> </center> <! OmenTree Dynamic Hierarchial Menu System (C) 1998 Colin Tucker/OmenSoft > <! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ > <! This script may be distributed freely, however the author would like > <! potential users to send him a message stating the URL of your site, so > <! a link can be added for your site to the OmenSoft home page. Thank you. > <! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ > <! e-mail: omensoft@poboxes.com web: http://omensoft.home.ml.org/ > </body>