Javascript

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Written by Kevin Liew on 18 Nov 2009
181,471 Views • Shares
14 comments
  • YUI TreeView Control | Demo
    YUI TreeView Control
    Personally, I think Yahoo UI is very robust, but it's can be too complicated for beginner to pick it up. However, it does come with a lot of useful control that we might have spend few hours or days to implement it.
  • Bassistance jQuery TreeView Plugin | Demo
    Bassistance jQuery TreeView Plugin
    Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
  • jQuery File Tree | Demo
    jQuery File Tree
    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
  • jsTree | Demo
    jsTree
    jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin. jsTree is absolutely free (licensed same as jQuery – under both GPL and MIT – whichever suits your needs).
  • Sitemap Styler | Demo
    Sitemap Styler
    Sitemap Syler is a little CSS/JavaScript piece of code that can be easily applied to your sitemap list. It then takes care of it's presentation. All you have to do is include couple lines of code. It doesn't require any JavaScript knowledge but some CSS knowledge would come in handy if you want to modify the appearance of your sitemap.
  • mooTree | Demo
    mooTree
    An open-source javascript tree-control for use with the MooTools javascript framework.
  • SimpleTree Plugin | Demo
    SimpleTree Plugin
    jQuery SimpleTree Drag&Drop plugin is intended for displaying tree structures.

Tutorials

So, you want to learn how to make one for yourself? Check the following links out, I believe they can help you.

Thanks for your support. :)

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

14 comments
Name 7 years ago
Yay thx for the listing.

I use the \"simpleTree\" so far but I think I will try now some other.

Banana
Reply
JavaScript Countdown Timer 7 years ago
very cool & good post, thank you very much for sharing.

Can I <a href=\"http://www.javascriptbank.com/submit/\">share this post</a> on my JavaScript library?


Awaiting your response. Thank
Reply
Lionking 7 years ago
thank you great Plugins I will use it .

زيروجيت
http://0gate.com
Reply
涂聚文 6 years ago
thanks
Reply
jejagongan 6 years ago
very nice .... I'll try it
Reply
Martyn 5 years ago
excellent! thank you very much!
Reply
Anuj 5 years ago
Does it require any kind of plugin at browser (at user level)?
Reply
Kevin Liew Admin 5 years ago
nope, what you probably need is javascript framework. Most of the plugins should have installation note.
Reply
Paul 5 years ago
Here is one more robust JavaScript treeview for your list - dhtmlxTree:
http://www.dhtmlx.com/docs/products/dhtmlxTree/

Reply
Me 4 years ago
Thx!
Reply
kawan 5 years ago
How can i use these plugins in wordpress?
Reply
Ane Viser 4 years ago
internetten para kazan 4 years ago
thanks
Reply
Admin 3 years ago
Thanks for the Sitemap Syler. I have implemented on our site - http://www.bapustarda-kalsel.go.id/peta-situs
Reply