Please use a browser that supports javascript

Bogeskov.dk

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.