UI Example: tree1


Tree Example
cat 1
Item 1
subitem 1
Item 2
test
Item 3
subitem 2
subitem 3
subitem 4
subitem 5
subitem 6
subitem 7
subitem 8
subitem 9
subitem 10
cat 2
cat 3
Item 4
subitem 11
subitem 12
Item 5
Item 6
subitem 13
subitem 14
Example Usage:
<script language="JavaScript" type="text/javascript" src="maketree.js"></script>

<div id="tree">
	Tree Example
	<div>
		<a href="http://www.google.com">cat 1</a>
		<div>
			Item 1
			<div><a href="www.google.com">subitem 1</a></div>
			<div>subitem 1</div>
		</div>
		<div>Item 2
			<div>test</div>
		</div>
		<div>
			<a href="www.google.com">Item 3</a>
			<div>subitem 2</div>
			<div>subitem 3</div>
			<div>
				subitem 4
				<div>subitem 5</div>
				<div>subitem 6</div>
				<div>subitem 7</div>
				<div>subitem 8</div>
			</div>
			<div>subitem 9</div>
			<div>subitem 10</div>
		</div>
	</div>
	<div>cat 2</div>
	<div>
		cat 3
		<div>
			Item 4
			<div>subitem 11</div>
			<div>subitem 12</div>
		</div>
		<div>Item 5</div>
		<div>
			Item 6
			<div>subitem 13</div>
			<div>subitem 14</div>
		</div>
	</div>
</div>

<script type="text/javascript" language="JavaScript">
	maketree($('tree'));
</script>