Folder trees

Folder tree with drag and drop

FF,IE5.5,Op8

A folder tree with support for drag and drop. Rearrange the nodes in the tree by dragging and dropping them like you do with folders in a file manager or in a mail program(Outlook, Thunderbird etc.). Ajax is used to send the new structure to the server.

Info and download | Demo

Update a tree with AJAX

FF,IE5.5,Op8

This scripts adds an AJAX extension to the static folder tree below. Open the demo and press down your mouse button on one of the nodes in thee tree. This will make a text box appear which makes it possible for you to rename nodes. AJAX is used to send this value to the server without reloading the page.

Note: PHP or other server side language is required.

Info and download | Demo

Static list based folder tree

FF,IE5+,Op7

June, 11th 2006: Added support for adding/deleting nodes dynamically.

This is a list based folder tree. What you have to do is to create a <UL><LI> list. The script will then create the tree based on this list. The script uses cookies to remember state of nodes. It also includes functions for expanding/collapsing all nodes. You can add and delete nodes dynamically by right clicking on the nodes.

Info and download | Demo

Folder tree(requires PHP)

FF,IE5+,Op7

Oct, 14th, 2009: Minor modifications.

This is a typical tree menu. The difference between this script and a lot of other similar scripts is that this tree is based a HTML unordered list(<UL><LI>). One of the advantages of this is that the browser "knows" how to render the tree. This makes the tree very fast even when it contains hundreds and thousands of nodes.

This script requires PHP. It is also useful to have support for a database connection(mySQL, Oracle etc.).

Info and download | Demo

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2024 dhtmlgoodies.com