southprojects DHTML Tree Widget - Dynamic Tree

Dynamic Tree

- Use the southprojects Transport (AJAX) to create a tree with dynamic branches. The content of each branch is loaded when it is clicked. Once retrieved, the branch content is cached on client side.
- Shows tree with dynamic branches. Content of each branch is loaded only after selecting it. Retrieved once - branch content is cached on client side.
- "HTML" dynamic branch loads its content from an external HTML file (See the source file). This is the simplest approach. The HTML in the dynamic file is the same as the original HTML in the tree
  For this demo we have created the recursion branch, which recursively fetches the file again and again as you click it.
- The JSON branch fetches the branch content as a JSON object (See the source file).
- "JSON (slow)" emulates a slow internet connection. It loads the branch with delay of 5 seconds. To test it - you should put this demo on the directory on your web-server where executing PHP scripts is allowed (See the source file).

- as HTML
- as JSON
- as JSON(slow)

Collapse all -- Collapse the whole tree and only show the top branches
Toggle lines -- Hide/display the lines that connect the various nodes.
When you click a node the branch is displayed.
No node selected.

You can, of course, customize the code to take actions other than just displaying the node.