Source code for /src/navigation.htm.txt
//======================================================================//
// Author: Mark Qian <markqian@hotmail.com> //
// WWW: http://www.coolshare.com //
// Copyright (c) 2006, Mark Qian //
// //
// You must contact Mark Qian to get a permission of use //
// in case you want to make any use of the codes except viewing it //
// on Mark's site. //
//======================================================================//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<SCRIPT src="/javascriptlab/html/js/dhtmlXCommon.js" type=text/javascript></SCRIPT>
<SCRIPT src="/javascriptlab/html/js/dhtmlXTree.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
function onNodeSelect() {
}
function aFunc(url, tar) {
var f =document.getElementById("__fff__");
if (!f) {
f = document.createElement("form");
//f.style.display = "none";
f.id = "__fff__";
document.body.appendChild(f);
}
f.action = url;
f.target = tar;
f.submit();
}
var tree;
function doLoad() {
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
tree.setImagePath("/javascriptlab/html/images/");
tree.insertNewItem(0,10,"Javascript issues",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/ajax.htm", "_left");
tree.insertNewItem(10,101,"Utility",aFunc,0,0,0,"", null, "http://RemoteScriptGuru.com/RemoteScriptGuru/html/coolshare/javascriptlab/html/util/utils.htm", "_left");
tree.insertNewItem(10,102,"OOP",aFunc,0,0,0,"", null, "http://RemoteScriptGuru.com/RemoteScriptGuru/html/coolshare/javascriptlab/html/oop/Inheritance/Inheritance.htm", "_left");
tree.insertNewItem(0,20,"AJAX Application",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/ajax.htm", "_left");
tree.insertNewItem(20,201,"What is really AJAX?",aFunc,0,0,0,"", null, "http://www.coolshare.com/remotescriptguru/html/not_ajax.htm", "_left");
tree.insertNewItem(20,202,"Why and how to build an AJAX application?",aFunc,0,0,0,"", null, "http://www.remotescriptguru.com/RemoteScriptGuru/html/coolshare/remotescriptguru/html/build_ajax_app.htm", "_left");
tree.insertNewItem(20,203,"Dependent Sections",aFunc,0,0,0,"", null, "http://RemoteScriptGuru.com/RemoteScriptGuru/jsp/javascriptlab/ajax/section/dynamic_section_top.jsp", "_left");
tree.insertNewItem(20,204,"Silent form submission",aFunc,0,0,0,"", null, "http://RemoteScriptGuru.com/RemoteScriptGuru/jsp/javascriptlab/ajax/form/form_article.jsp", "_left");
tree.insertNewItem(20,205,"On-demand Tree: how big is the web?",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/on_demand_tree/on_demand_tree.htm", "_left");
tree.insertNewItem(20,206,"On-demand table w/ frozen header",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/table/table.htm", "_left");
tree.insertNewItem(20,207,"AutoSuggest",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/autosuggest/autosuggest.htm", "_left");
tree.insertNewItem(20,208,"Client Side Include",aFunc,0,0,0,"", null, "/javascriptlab/html/ajax/client_inc/clinet_inc.htm", "_left");
tree.insertNewItem(20,209,"OOP crossing web",aFunc,0,0,0,"", null, "http://RemoteScriptGuru.com/RemoteScriptGuru/jsp/javascriptlab/ajax/oop_cross_web/oop_cross_web_article.jsp", "_left");
tree.insertNewItem(0,30,"Javascr"+"ipt event",aFunc,0,0,0,"",null, "/javascriptlab/html/event/event.htm", "_left", true);
tree.insertNewItem(0,40,"HTTP Streaming",aFunc,0,0,0,"", null, "/javascriptlab/html/stream/stream.htm", "_left", true);
tree.insertNewItem(40,401,"Google Map Chat",aFunc,0,0,0,"", null, "/coomap", "_left");
tree.insertNewItem(0,50,"Javascript Gaming",aFunc,0,0,0,"", null, "/javascriptlab/html/games/games.htm", "_left", true);
tree.insertNewItem(50,501,"HuaRong Path: an extreme puzzle",aFunc,0,0,0,"", null, "/games/HuaRongPath/HuaRongPath.htm", "_left");
//tree.setOnClickHandler(onNodeSelect);//set function object to call on node select
//tree.setOnOpenHandler(aFunc);//set function to call on open/close node
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR>
<BODY onload="doLoad()" background = "/html/images/rulebk2.jpg">
<br>
<h3>Issues that may interest you:</h3>
<div id="treeboxbox_tree" style="width:200;height:200"></div>
</BODY></HTML>