Folder Tree for the Web
The tree structure on the left is a JavaScript which parses a structure of unordered lists like this:
...
<script type="text/javascript" src="tree/tree.js"></script>
</head>
<body onLoad="tree_init('oTree');">
...
<div id="oTree">
top
<ul>
<li> folder
<ul>
<li> folder item
<li> another folder item
<li> sub folder
<ul>
<li> sub folder item
</ul>
<li> top folder item
</ul>
</div>
...
After initialization a tree structure like this should be present.
top +-folder | +-folder item | +-another folder item | +-sub folder | `-sub folder item `-top folder item
The graphics (folders & pages) are from The Gnome Project (under GPL), the stylesheet and connecting bars are created by me and my immense graphics skills and supplied as is. The JavaScript is under GPL. and everything is packaged into this file.
Have Fun.