jQuery File Tree Demo (with JSON and Miva Script Connector)

Feel free to view the source code of this page to see how the file tree is being implemented.

Default options

multiFolder = false

Custom load message & easing

Double click & no animation


// jQuery File Tree Plugin
//
// Version 1.01
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 24 March 2008
//
// Visit http://abeautifulsite.net/notebook.php?article=58 for more information
//
// Usage: $('.fileTreeDemo').fileTree( options, callback )
//
// Options:  root           - root folder to display; default = /
//           script         - location of the serverside AJAX file to use; default = jqueryFileTree.php
//           folderEvent    - event to trigger expand/collapse; default = click
//           expandSpeed    - default = 500 (ms); use -1 for no animation
//           collapseSpeed  - default = 500 (ms); use -1 for no animation
//           expandEasing   - easing function to use on expand (optional)
//           collapseEasing - easing function to use on collapse (optional)
//           multiFolder    - whether or not to limit the browser to one subfolder at a time
//           loadMessage    - Message to display while initial tree loads (can be HTML)
//
// History:
//
// 1.01 - updated to work with foreign characters in directory/file names (12 April 2008)
// 1.00 - released (24 March 2008)
//
// TERMS OF USE
// 
// jQuery File Tree is licensed under a Creative Commons License and is copyrighted (C)2008 by Cory S.N. LaViska.
// For details, visit http://creativecommons.org/licenses/by/3.0/us/
		

jQuery: http://jQuery.com

Original (not working with JSON) jQuery File Tree Plugin: http://abeautifulsite.net/notebook.php?article=58

Miva script connector: http://mivascript.org/js/miva_jqueryJSONFileTree/jqueryJSONFileTree.mv.txt

Jquery modified File Tree Plugin + JQuery + Connectors + CSS + Images Archived: http://mivascript.org/js/miva_jqueryJSONFileTree/jqueryJSONFileTree.zip (right click and Save Target as..)