10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Written by Kevin Liew on 18 Nov 2009
221,524 Views • Javascript
  • 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 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
    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.


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.

Name 14 years ago
Yay thx for the listing.

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

JavaScript Countdown Timer 14 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
Lionking 14 years ago
thank you great Plugins I will use it .

涂聚文 14 years ago
jejagongan 13 years ago
very nice .... I'll try it
Martyn 13 years ago
excellent! thank you very much!
Anuj 13 years ago
Does it require any kind of plugin at browser (at user level)?
Kevin Liew Admin 13 years ago
nope, what you probably need is javascript framework. Most of the plugins should have installation note.
Paul 13 years ago
Here is one more robust JavaScript treeview for your list - dhtmlxTree:

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