Included license and proper attribution of work. Also added to readme.
parent
17b5cdfea3
commit
d2cdb007ff
Binary file not shown.
|
@ -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>
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue