Included license and proper attribution of work. Also added to readme.

master
Wes 2011-11-12 12:13:24 +00:00
parent 17b5cdfea3
commit d2cdb007ff
4 changed files with 26 additions and 3 deletions

BIN
example/.DS_Store vendored

Binary file not shown.

View File

@ -41,7 +41,7 @@
<ul class="nav"> <ul class="nav">
<li><a href="http://github.com/wesnolte">Github</a></li> <li><a href="http://github.com/wesnolte">Github</a></li>
<li><a href="http://twitter.com/wesnolte">Twitter</a></li> <li><a href="http://twitter.com/wesnolte">Twitter</a></li>
<li><a href="http://th3silverlining.com">Blog</a></li> <li><a href="http://tquilamockingbird.wordpress.com">Blog</a></li>
</ul> </ul>
<div class="pull-right"> <div class="pull-right">
<div class="alert-message info" id="show-list">Show underlying list.</div> <div class="alert-message info" id="show-list">Show underlying list.</div>

View File

@ -1,3 +1,18 @@
/**
* jQuery org-chart/tree plugin.
*
* Author: Wes Nolte
* http://www.tquila.com
*
* Based on the work of Mark Lee
* http://www.capricasoftware.co.uk
*
* This software is licensed under the Creative Commons Attribution-ShareAlike
* 3.0 License.
*
* See here for license terms:
* http://creativecommons.org/licenses/by-sa/3.0
*/
(function($) { (function($) {
$.fn.jOrgChart = function(options) { $.fn.jOrgChart = function(options) {

View File

@ -5,7 +5,11 @@
Follow me [@wesnolte](http://twitter.com/wesnolte) Follow me [@wesnolte](http://twitter.com/wesnolte)
jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you'd like to display. jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you'd like to display. Features include:
* Very easy to use given a nested unordered list element.
* Showing/hiding a particular branch of the tree by click on the respective node.
* Easy to style.
![jQuery OrgChart](http://i.imgur.com/2OpyG.png "jQuery OrgChart") ![jQuery OrgChart](http://i.imgur.com/2OpyG.png "jQuery OrgChart")
@ -17,13 +21,17 @@ To get up and running you'll need a few things.
----- -----
###The JavaScript Libraries ###The JavaScript Libraries & CSS
You need to include the jQuery as well as the jOrgChart libraries. For example: You need to include the jQuery as well as the jOrgChart libraries. For example:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="jquery.jOrgChart.js"></script> <script src="jquery.jOrgChart.js"></script>
The core CSS is necessary to perform some of the basic styling i.e.
<link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
---- ----
###The HTML ###The HTML