FolderTree

The JavaScript treeview applet
Dynamic HTML (IE + NN) 		Explore the tree on the left. Awarded:


There are many possible ways of displaying and using the links in the tree, and they are all configurable by you. The four main folders in this demo try to show the more relevant variations for a frame-based layout (for more info see online instructions.)

The first folder, Application Example, organizes photos and maps. You can put any other type of link in the tree: html, asp, movies, sounds, etc. You can even fill the outliner with data from a database or list the files and directories of a computer drive.

The second folder ilustrates the two roles the folder plays in the FolderTree script: it is used to contain others entries, but it may also be a link in itself. Folders with entries inside show the +/- icon, which is used to expand it or collapse it. Clicking on the folder icon also expands its contents. For those "linked" folders, clicking on the folder icon not only expands it but also loads a page. "Europe" and "United States" in the "Application example" are linked folders that, when clicked, load maps of the continents.

The third folder shows the different types of targets for the loaded page: right frame, blank window, top frame (removes frameset), and the self frame.

In the last folder icons where customized both for the folder and the link inside of it. You can use your own icons with the tree and use different icons for folders and links in the same tree.

These combinations are just examples of what can be done. Check the documentation and see how to set-up the tree for your particular site-navigation needs.

   How to install the applet in your web site

   Marcelino Martins, author's Home Page