My favorites | Sign in
Project Home Downloads Issues Source
Project Information
Members
Featured
Downloads

jFileTree is JavaScript file tree with keyboard support, multi-selection and other advanced features.

Based on jQuery, inspired by jQuery FileTree but completely rewritten with dozen of improvements:

  • correct and full UTF-8 support on both client-side and PHP server-side (including special symbols in the path)
  • keyboard support (arrows, enter, shift-key and ctrl-key selection)
  • reversible deep-linking (providing path to the address bar, and selecting provided path in the tree)
  • correct focus and tabindex support
  • correct scrolling support with auto scroll to selected item
  • CSS shorten and rewritten, added new file types

Other features:

  • Keyboard support
    • Arrows UP and DOWN for navigation
    • Arrows LEFT and RIGHT for opening/closing of folders
    • SHIFT+arrows UP and DOWN for multiple selection
    • SHIFT+CLICK for multiple group selection
    • CTRL+CLICK for multiple by-one selection (Command+CLICK on Mac)
    • ENTER for default action
    • ALT+ENTER for alternate action
  • Deep-linking
    • Selected folder's or file's path is shown in the address bar
    • Vice-versa folder or file gets selected by path in the address bar when you reloads page or opens link with another browser
  • Multiple selection
    • Select one item with CLICK or with arrows UP or DOWN
    • Select several items by-one with CTRL-CLICK (on Mac please use ALT+CLICK for right-click compatibility)
    • Select several items in group with SHIFT-CLICK or SHIFT + arrows UP or DOWN
  • Action and ALT-action
    • "Action" happens when you make DOUBLE-CLICK, or when you hit ENTER button on selected item(s):
      • Action for folders is open/close
      • Action for files can be set with "actionCallback" parameter
    • Also you can set additional Action BOTH for files and folders that will be raised if ALT button is pressed while Action performs:
      • ALT-action for files AND folders with ALT-DOUBLE-CLICK or ALT-ENTER
      • ALT-action can be set with "altActionCallback" parameter
  • lightweight - (about 15 KBytes uncompressed JS + CSS)
  • fully CSS skinnable
  • several instances of jFileTree on the one page works absolutely independent (exclude deep-linking cause address bar is only one :-)
Powered by Google Project Hosting