Location: PHPKode > scripts > Class Treeview > class-treeview/sampleoutput.htm
<html>
	<head>
		<title>Treeview example</title>
		<link href="css/treeview.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/treeview.js"></script>
	</head>
	<body style="background-color:#dedad9">
		
				<div style="width:  100px px;; height:  100px px;; overflow-x:auto; overflow-y:auto; text-align: left; padding: 5px;">
					<a href="#" onclick="treeviewExpandAll (1)" class="lnktxt">Expand all</a> <a href="#" onclick="treeviewCollapseAll (1)" class="lnktxt">Collapse all</a>		
					<ul id="objTree1" class="treeview">
			
				<li class="treeviewFolderLi" style="margin-left: 18px;"><img src="images/document.gif"><a href="#" id="node_114" class="lnktxt" onclick="alert('This is document 1')">File1</a></li>
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.2" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.2')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.2')"><span ondblclick="treeviewExpandCollapse('1.2')" onselectstart="return false;">Folder1</span>
					<ul id="objTreeUL1.2" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.2.1" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.2.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.2.1')"><span ondblclick="treeviewExpandCollapse('1.2.1')" onselectstart="return false;">Folder1.1</span>
					<ul id="objTreeUL1.2.1" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.2.1.1" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.2.1.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.2.1.1')"><span ondblclick="treeviewExpandCollapse('1.2.1.1')" onselectstart="return false;">Folder1.1.1</span>
					<ul id="objTreeUL1.2.1.1" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi" style="margin-left: 18px;"><img src="images/document.gif"><a href="#" id="node_114" class="lnktxt" onclick="alert('This is document 2')">File2</a></li>
			
					</ul>
				</li>
			
					</ul>
				</li>
			
					</ul>
				</li>
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.3" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.3')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.3')"><span ondblclick="treeviewExpandCollapse('1.3')" onselectstart="return false;">Folder2</span>
					<ul id="objTreeUL1.3" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.3.1" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.3.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.3.1')"><span ondblclick="treeviewExpandCollapse('1.3.1')" onselectstart="return false;">Folder2.1</span>
					<ul id="objTreeUL1.3.1" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.3.1.1" src="images/expander.gif" style="visibility:hidden"  onclick="treeviewExpandCollapse('1.3.1.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.3.1.1')"><span ondblclick="treeviewExpandCollapse('1.3.1.1')" onselectstart="return false;">Folder2.1.1</span>
					<ul id="objTreeUL1.3.1.1" class="treeviewFolderUl" style="display: none">
			
					</ul>
				</li>
			
					</ul>
				</li>
			
					</ul>
				</li>
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.4" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.4')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.4')"><span ondblclick="treeviewExpandCollapse('1.4')" onselectstart="return false;">Folder3</span>
					<ul id="objTreeUL1.4" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.4.1" src="images/expander.gif" style="visibility:show"  onclick="treeviewExpandCollapse('1.4.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.4.1')"><span ondblclick="treeviewExpandCollapse('1.4.1')" onselectstart="return false;">Folder3.1</span>
					<ul id="objTreeUL1.4.1" class="treeviewFolderUl" style="display: none">
			
				<li class="treeviewFolderLi"><img id="objTreeCollapser1.4.1.1" src="images/expander.gif" style="visibility:hidden"  onclick="treeviewExpandCollapse('1.4.1.1')"><img src="images/folder.gif" ondblclick="treeviewExpandCollapse('1.4.1.1')"><span ondblclick="treeviewExpandCollapse('1.4.1.1')" onselectstart="return false;">Folder3.1.1</span>
					<ul id="objTreeUL1.4.1.1" class="treeviewFolderUl" style="display: none">
			
					</ul>
				</li>
			
					</ul>
				</li>
			
					</ul>
				</li>
			
					</ul>
				</div>
				</body>
</html>
Return current item: Class Treeview