RubyGems - wheels - Versions diffs - 0.1.8 → 0.1.9 - Mend

wheels 0.1.8 → 0.1.9

Files changed (243) hide show

data/public/jstree/_docs/html_data.html DELETED Viewed

@@ -1,174 +0,0 @@
-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>jsTree v.1.0 - html_data documentation</title>
-	<script type="text/javascript" src="../_lib/jquery.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
-	<script type="text/javascript" src="../jquery.jstree.js"></script>
-	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
-	<link type="text/css" rel="stylesheet" href="!style.css"/>
-	<script type="text/javascript" src="syntax/!script.js"></script>
-</head>
-<body>
-<div id="container">
-<h1>jsTree v.1.0 - html_data plugin</h1>
-<h2>Description</h2>
-<div id="description">
-<p>The <code>html_data</code> plugin enables jsTree to convert nested unordered lists to interactive trees. jsTree can also get HTML from the server insert it into the DOM and convert that to a tree.</p>
-<p>The basic structure you need to follow when supplying data in the HTML format is:</p>
-<div class="code_f">
-<pre class="brush:xml;">
-&lt;li&gt;
-	&lt;a href="some_value_here"&gt;Node title&lt;/a&gt;
-	&lt;!-- UL node only needed for children - omit if there are no children --&gt;
-	&lt;ul&gt;
-		&lt;!-- Children LI nodes here --&gt;
-	&lt;/ul&gt;
-&lt;/li&gt;
-</pre>
-</div>
-<p>If you inspect the resulting structure you will find it a bit different - that is because jstree will automatically do some corrections.</p>
-<div class="code_f">
-<pre class="brush:xml;">
-&lt;!-- one of the three classes will be applied depending on node structure --&gt;
-&lt;li class="[ jstree-open | jstree-closed | jstree-leaf ]"&gt;
-	&lt;!-- an INS element is inserted --&gt;
-	&lt;ins class="jstree-icon"&gt;&amp;#160;&lt;/ins&gt;
-	&lt;a href="some_value_here"&gt;
-		&lt;!-- another INS element is inserted --&gt;
-		&lt;ins class="jstree-icon"&gt;&amp;#160;&lt;/ins&gt;
-		Node title
-	&lt;/a&gt;
-&lt;/li&gt;
-</pre>
-</div>
-<p>Both <code>ins</code> elements are inserted for visualization purposes. As for the class (<code>jstree-open</code>, <code>jstree-closed</code>) - you can specify that yourself to force the node to appear either closed or opened. Making a node with no children appear closed is often used - if you use ajax, opening a closed node with no children will result in jstree making a server call for the children (see the <a href="#demo3">demo below</a>).</p>
-</div>
-<h2 id="configuration">Configuration</h2>
-<div class="panel configuration">
-<h3>data</h3>
-<p class="meta">A HTML string (or <code>false</code> if not used). Default is <code>false</code>.</p>
-<p>Specifies the content to load into the container and convert to a tree.</p>
-<h3>ajax</h3>
-<p class="meta">An object (or <code>false</code> if not used). Default is <code>false</code>.</p>
-<p>The ajax config object is pretty much the same as the <a href="http://api.jquery.com/jQuery.ajax/">jQuery ajax settings object</a>.</p>
-<p>You can set the <code>data</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the function will be sent to the server as data (so for example you can send the node's ID).</p>
-<p>You can set the <code>url</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>url</code> function will be used as the ajax URL (so that you can accomodate pretty paths such as /get_children/node_2).</p>
-<p>The <code>error</code> and <code>success</code> functions (if present) also fire in the context of the tree, and if you return a value in the <code>success</code> function it will be used to populate the tree - this can be useful if you want to somehow change what the server returned on the client side before it is displayed in the tree.</p>
-<h3>correct_state</h3>
-<p class="meta">A Boolean. Default is <code>true</code>.</p>
-<p>If this option is set to <code>true</code> if an AJAX request returns an empty result, the node that was about to be opened will be converted to a leaf node (the open icon will no longer be displayed).</p>
-<p class="note"><strong>NOTE:</strong><br />If both <code>data</code> and <code>ajax</code> are not set, the current container's HTML is used to build the tree.<br />If both <code>data</code> and <code>ajax</code> are set the initial tree is rendered from the <code>data</code> string. When opening a closed node (that has no loaded children) an AJAX request is made.</p>
-</div>
-<h2 id="demos">Demos</h2>
-<div class="panel">
-<h3>Using initial content (convert an existing list)</h3>
-<div id="demo1" class="demo">
-	<ul>
-		<li id="phtml_1">
-			<a href="#">Root node 1</a>
-			<ul>
-				<li id="phtml_2">
-					<a href="#">Child node 1</a>
-				</li>
-				<li id="phtml_3">
-					<a href="#">Child node 2</a>
-				</li>
-			</ul>
-		</li>
-		<li id="phtml_4">
-			<a href="#">Root node 2</a>
-		</li>
-	</ul>
-</div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo1").jstree({
-		"plugins" : [ "themes", "html_data" ]
-	});
-});
-</script>
-<h3>Using the data config option</h3>
-<div id="demo2" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo2").jstree({
-		"core" : { "initially_open" : [ "root" ] },
-		"html_data" : {
-			"data" : "<li id='root'><a href='#'>Root node</a><ul><li><a href='#'>Child node</a></li></ul></li>"
-		},
-		"plugins" : [ "themes", "html_data" ]
-	});
-});
-</script>
-<h3>Using the ajax config option</h3>
-<div id="demo3" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo3").jstree({
-		"html_data" : {
-			"ajax" : {
-				"url" : "_html_data.html",
-				"data" : function (n) {
-					return { id : n.attr ? n.attr("id") : 0 };
-				}
-			}
-		},
-		"plugins" : [ "themes", "html_data" ]
-	});
-});
-</script>
-<h3>Using both the data &amp; ajax config options</h3>
-<div id="demo4" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo4").jstree({
-		"core" : { "initially_open" : [ "root2" ] },
-		"html_data" : {
-			"data" : "<li class='jstree-closed' id='root2'><a href='#'>Root node</a></li>",
-			"ajax" : { "url" : "_html_data.html" }
-		},
-		"plugins" : [ "themes", "html_data" ]
-	});
-});
-</script>
-</div>
-<h2 id="api">API</h2>
-<div class="panel api">
-<p>Both dummy functions - <code>_is_loaded</code> and <code>load_node</code> are overwritten.</p>
-<h3 id="load_node_html">.load_node_html ( node , success_callback , error_callback )</h3>
-<p>This function is called instead of <code>load_node</code>.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a DOM node, jQuery node or selector pointing to an element you want loaded. Use <code>-1</code> for root nodes.</p>
-	</li>
-	<li>
-		<code class="tp">function</code> <strong>success_callback</strong>
-		<p>A function to be executed once the node is loaded successfully - used internally. You should wait for the <code>load_node</code> event.</p>
-	</li>
-	<li>
-		<code class="tp">function</code> <strong>error_callback</strong>
-		<p>A function to be executed if the node is not loaded due to an error - used internally. You should wait for the <code>load_node</code> event.</p>
-	</li>
-</ul>
-</div>
-</div>
-</body>
-</html>

data/public/jstree/_docs/index.html DELETED Viewed

@@ -1,75 +0,0 @@
-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>jsTree v.1.0 Documentation</title>
-	<script type="text/javascript" src="../_lib/jquery.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
-	<script type="text/javascript" src="../jquery.jstree.js"></script>
-	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
-	<link type="text/css" rel="stylesheet" href="!style.css"/>
-	<script type="text/javascript" src="syntax/!script.js"></script>
-</head>
-<body>
-<div id="container">
-<h1>jsTree v.1.0</h1>
-<h2>Description</h2>
-<div id="description">
-<p>jsTree is a javascript based, cross browser tree component. It is packaged as a <a href="http://jquery.com">jQuery</a> plugin.</p>
-<p>jsTree is absolutely free (licensed same as jQuery – under both GPL and MIT – whichever suits your needs).</p>
-<h3>Features at a glance</h3>
-<ul class="columns">
-	<li>Various data sources - HTML, JSON, XML</li>
-	<li>Supports AJAX loading</li>
-	<li>Drag &amp; drop support</li>
-	<li>Highly configurable</li>
-	<li>Theme support + included themes</li>
-	<li>Uses jQuery's event system</li>
-	<li>Optional keyboard navigation</li>
-	<li>Maintain the same tree in many languages</li>
-	<li>Inline editing</li>
-	<li>Open/close optional animation</li>
-	<li>Define node types and fine tune them</li>
-	<li>Configurable multitree drag &amp; drop</li>
-	<li>Optional checkbox tree support</li>
-	<li>Search function</li>
-	<li>Supports plugins</li>
-	<li>Optional state saving using cookies</li>
-	<li>RTL support</li>
-	<li>Optional sorting / unique management</li>
-</ul>
-<p>As of version 1.0 jsTree is extremely plugin friendly, so all functionality is now wrapped in plugins, which take care of various aspects of the tree and can be removed without affecting the functionality of other plugins. Below you will find a list of plugins - each with its own documentation page. Probably a good place to start is the <a href="core.html">core</a>.</p>
-</div>
-<h2 id="plugins">Plugins</h2>
-<div class="panel">
-<ul class="columns plugins">
-	<li style="float:none; width:660px;"><a href="core.html" style="font-weight:bold;">Core functionality</a><p>all core functions for manipulating the tree + basic examples of including, configuring and working with the tree, along with demos of the new event system</p></li>
-	<li><a href="html_data.html">HTML_DATA plugin</a><p>enables jsTree to convert nested unordered lists to interactive trees, an already existing UL may be used or data could be retrieved from a server</p></li>
-	<li><a href="json_data.html">JSON_DATA plugin</a><p>enables jsTree to convert JSON objects to interactive trees, data can be set up in the config or retrieved from a server</p></li>
-	<li><a href="xml_data.html">XML_DATA plugin</a><p>enables jsTree to convert XML objects to interactive trees (using XSL), data can be set up in the config or retrieved from a server</p></li>
-	<li><a href="themes.html">Themes plugin</a><p>controls the looks of jstree - without this plugin you will get a functional tree, but it will look just like an ordinary UL list</p></li>
-	<li><a href="ui.html">UI plugin</a><p>handles selecting, deselecting and hovering tree items</p></li>
-	<li><a href="crrm.html">CRRM plugin</a><p>handles creating, renaming, removing and moving nodes by the user, also includes cut/copy/paste functions</p></li>
-	<li><a href="hotkeys.html">Hotkeys plugin</a><p>enables support for keyboard navigation &amp; shortcuts, highly configurable</p></li>
-	<li><a href="languages.html">Languages plugin</a><p>enables multilanguage support - each node can have multiple titles, but only one is visible</p></li>
-	<li><a href="cookies.html">Cookies plugin</a><p>enables jstree to save the state of the tree across sessions, by saving selected and opened nodes in a cookie</p></li>
-	<li><a href="sort.html">Sort plugin</a><p>enables jstree to automatically sort all nodes<br />using a specified function</p></li>
-	<li><a href="dnd.html">DND plugin</a><p>enables drag'n'drop support for jstree, also using foreign nodes and drop targets</p></li>
-	<li><a href="checkbox.html">Checkbox plugin</a><p>makes multiselection possible using three-state checkboxes</p></li>
-	<li><a href="search.html">Search plugin</a><p>enables searching for nodes whose title contains a given string, works on async trees too</p></li>
-	<li><a href="contextmenu.html">Contextmenu plugin</a><p>enables a multilevel context menu on tree items</p></li>
-	<li><a href="types.html">Types plugin</a><p>each node can have a type, and you can define rules on how that type should behave</p></li>
-	<li><a href="themeroller.html">Themeroller plugin</a><p>adds support for jQuery UI's themes</p></li>
-	<li><a href="unique.html">Unique plugin</a><p>adds unique checking to jsTree</p></li>
-</ul>
-</div>
-</div>
-</body>
-</html>

data/public/jstree/_docs/json_data.html DELETED Viewed

@@ -1,240 +0,0 @@
-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>jsTree v.1.0 - json_data documentation</title>
-	<script type="text/javascript" src="../_lib/jquery.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
-	<script type="text/javascript" src="../jquery.jstree.js"></script>
-	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
-	<link type="text/css" rel="stylesheet" href="!style.css"/>
-	<script type="text/javascript" src="syntax/!script.js"></script>
-</head>
-<body>
-<div id="container">
-<h1>jsTree v.1.0 - json_data plugin</h1>
-<h2>Description</h2>
-<div id="description">
-<p>The <code>json_data</code> plugin enables jsTree to convert JSON objects to interactive trees. The data (JSON) can be set up in the config or retrieved from a server (also ondemand). Version 1.0 also introduces the experimental progressive render feature, which is suitable for large heavy trees, when the DOM would be too heavy to manipulate.</p>
-<p>The basic structure you need to follow when supplying data in the JSON format is:</p>
-<div class="code_f">
-<pre class="brush:js;">
-{
-	data : "node_title",
-	// omit `attr` if not needed; the `attr` object gets passed to the jQuery `attr` function
-	attr : { id : "node_identificator", some-other-attribute : "attribute_value" },
-	// `state` and `children` are only used for NON-leaf nodes
-	state: "closed", // or "open", defaults to "closed"
-	children: [ /* an array of child nodes objects */ ]
-}
-</pre>
-</div>
-<p>The attr object will appear as attributes on the resulting <code>li</code> node.</p>
-<p>You may need to pass some attributes to the <code>a</code> node, or set some metadata, or use language versions (for the <a href="languages.html">languages plugin</a>):</p>
-<div class="code_f">
-<pre class="brush:js;">
-{
-	// `data` can also be an object
-	data : {
-		title : "The node title",
-		// omit when not needed
-		attr : {},
-		// if `icon` contains a slash <code>/</code> it is treated as a file, used for background
-		// otherwise - it is added as a class to the &lt;ins&gt; node
-		icon : "folder"
-	},
-	// the `metadata` property will be saved using the jQuery `data` function on the `li` node
-	metadata : "a string, array, object, etc",
-	// if you use the language plugin - just set this property
-	// also make sure that `data` is an array of objects
-	language : "en" // any code you are using
-}
-</pre>
-</div>
-<p>As seen in the first example below - you can also use a simple string to define a node (Child 1 &amp; Child 2).</p>
-</div>
-<h2 id="configuration">Configuration</h2>
-<div class="panel configuration">
-<h3>data</h3>
-<p class="meta">A JSON object (or <code>false</code> if not used). Default is <code>false</code>.</p>
-<p>Specifies the content to load into the container and convert to a tree.</p>
-<h3>ajax</h3>
-<p class="meta">An object (or <code>false</code> if not used). Default is <code>false</code>.</p>
-<p>The ajax config object is pretty much the same as the <a href="http://api.jquery.com/jQuery.ajax/">jQuery ajax settings object</a>.</p>
-<p>You can set the <code>data</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>data</code> function will be sent to the server as data (so for example you can send the node's ID).</p>
-<p>You can set the <code>url</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>url</code> function will be used as the ajax URL (so that you can accomodate pretty paths such as /get_children/node_2).</p>
-<p>The <code>error</code> and <code>success</code> functions (if present) also fire in the context of the tree, and if you return a value in the <code>success</code> function it will be used to populate the tree - this can be useful if you want to somehow change what the server returned on the client side before it is displayed in the tree (for example some .NET json implementations require this to work: <code>"success" : function (data) { return data.d; }</code>.</p>
-<h3>correct_state</h3>
-<p class="meta">A Boolean. Default is <code>true</code>.</p>
-<p>If this option is set to <code>true</code> if an AJAX returns an empty result, the node that was about to be opened will be converted to a leaf node (the open icon will no longer be displayed).</p>
-<h3>progressive_render</h3>
-<p class="meta">A Boolean. Default is <code>false</code>.</p>
-<p>If this option is set to <code>true</code> only the visible (open nodes) parts of the returned JSON are converted to DOM nodes, any hidden parts are saved away and parsed ondemand (when a node becomes visible). This is useful when you have a large nested tree which would result in a heavy DOM.</p>
-<p class="note"><strong>NOTE:</strong><br />If both <code>data</code> and <code>ajax</code> are set the initial tree is rendered from the <code>data</code> string. When opening a closed node (that has no loaded children) an AJAX request is made.</p>
-</div>
-<h2 id="demos">Demos</h2>
-<div class="panel">
-<h3>Using the data config option</h3>
-<div id="demo1" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo1").jstree({
-		"json_data" : {
-			"data" : [
-				{
-					"data" : "A node",
-					"children" : [ "Child 1", "Child 2" ]
-				},
-				{
-					"attr" : { "id" : "li.node.id" },
-					"data" : {
-						"title" : "Long format demo",
-						"attr" : { "href" : "#" }
-					}
-				}
-			]
-		},
-		"plugins" : [ "themes", "json_data" ]
-	});
-});
-</script>
-<h3>Using the ajax config option</h3>
-<div id="demo2" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo2").jstree({
-		"json_data" : {
-			"ajax" : {
-				"url" : "_json_data.json",
-				"data" : function (n) {
-					return { id : n.attr ? n.attr("id") : 0 };
-				}
-			}
-		},
-		"plugins" : [ "themes", "json_data" ]
-	});
-});
-</script>
-<h3>Using the progressive render config option</h3>
-<div id="demo3" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo3").jstree({
-		"json_data" : {
-			"data" : [
-				{
-					"data" : "A node",
-					"children" : [ "Child 1", "Child 2" ]
-				},
-				{
-					"attr" : { "id" : "li.node.id" },
-					"data" : {
-						"title" : "Long format demo",
-						"attr" : { "href" : "#" }
-					}
-				}
-			],
-			"progressive_render" : true
-		},
-		"plugins" : [ "themes", "json_data" ]
-	});
-});
-</script>
-<h3>Using both the data &amp; ajax config options</h3>
-<div id="demo4" class="demo"></div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#demo4").jstree({
-		"json_data" : {
-			"data" : [
-				{
-					"data" : "A node",
-					"state" : "closed"
-				},
-				{
-					"attr" : { "id" : "li.node.id" },
-					"data" : {
-						"title" : "Long format demo",
-						"attr" : { "href" : "#" }
-					}
-				}
-			],
-			"ajax" : { "url" : "_json_data.json" }
-		},
-		"plugins" : [ "themes", "json_data" ]
-	});
-});
-</script>
-</div>
-<h2 id="api">API</h2>
-<div class="panel api">
-<p>Both dummy functions - <code>_is_loaded</code> and <code>load_node</code> are overwritten.</p>
-<h3 id="load_node_json">.load_node_json ( node , success_callback , error_callback )</h3>
-<p>This function is called instead of <code>load_node</code>.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a DOM node, jQuery node or selector pointing to an element you want loaded. Use <code>-1</code> for root nodes.</p>
-	</li>
-	<li>
-		<code class="tp">function</code> <strong>success_callback</strong>
-		<p>A function to be executed once the node is loaded successfully - used internally. You should wait for the <code>load_node</code> event.</p>
-	</li>
-	<li>
-		<code class="tp">function</code> <strong>error_callback</strong>
-		<p>A function to be executed if the node is not loaded due to an error - used internally. You should wait for the <code>load_node</code> event.</p>
-	</li>
-</ul>
-<h3 id="_parse_json">._parse_json ( data , is_callback )</h3>
-<p>This function converts JSON nodes to the DOM structure required by jstree. Returns a jQuery object.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a tree node in the JSON format described above, or an array of such JSON nodes, may also be a string.</p>
-	</li>
-	<li>
-		<code class="tp">bool</code> <strong>is_callback</strong>
-		<p>Specifies if the function is called recursively - used ONLY internally.</p>
-	</li>
-</ul>
-<h3 id="get_json">.get_json ( node , li_attr , a_attr )</h3>
-<p>This function returns an array of tree nodes converted back to JSON.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a DOM node, jQuery node or selector pointing to an element you want returned. Use <code>-1</code> or omit to get the whole tree.</p>
-	</li>
-	<li>
-		<code class="tp">array</code> <strong>li_attr</strong>
-		<p>The attributes to collect from the <code>LI</code> node. Defaults to <code>[ "id" , "class" ]</p>
-	</li>
-	<li>
-		<code class="tp">array</code> <strong>a_attr</strong>
-		<p>The attributes to collect from the <code>A</code> node. Defaults to <code>[ ]</p>
-	</li>
-	<li>
-		<code class="tp">boolean</code> <strong>is_callback</strong>
-		<p>Used internally.</p>
-	</li>
-</ul>
-</div>
-</div>
-</body>
-</html>

data/public/jstree/_docs/languages.html DELETED Viewed

@@ -1,138 +0,0 @@
-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>jsTree v.1.0 - languages documentation</title>
-	<script type="text/javascript" src="../_lib/jquery.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
-	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
-	<script type="text/javascript" src="../jquery.jstree.js"></script>
-	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
-	<link type="text/css" rel="stylesheet" href="!style.css"/>
-	<script type="text/javascript" src="syntax/!script.js"></script>
-</head>
-<body>
-<div id="container">
-<h1>jsTree v.1.0 - languages plugin</h1>
-<h2>Description</h2>
-<div id="description">
-<p>The <code>languages</code> plugin enables multilanguage trees. This means that each node has a specified number of titles - each in a different "language". Only one language set is visible at any given time. This is useful for maintaining the same structure in many languages (hence the name of the plugin)</p>
-</div>
-<h2 id="configuration">Configuration</h2>
-<div class="panel configuration">
-<p>Expects an array of language codes. Each of the items is used as a CSS class name, so make sure you specify only valid CSS class name strings.  The first langauge will be visible onload. For example:</p>
-<p><code>[ "en", "de", "bg" ]</code></p>
-</div>
-<h2 id="demos">Demos</h2>
-<div class="panel">
-<p>Check your data plugin documentation (<a href="html_data.html">html_data</a>, <a href="xml_data.html">xml_data</a>, <a href="json_data.html">json_data</a>) or take a close look at these examples for information on how to specify multilanguage nodes.</p>
-<h3>Using the languages plugin with HTML data</h3>
-<input type="button" class="button" value="en" id="en_1" style="float:left;" />
-<input type="button" class="button" value="bg" id="bg_1" style="float:left;" />
-<input type="button" class="button" value="rename_1" id="rename_1" style="float:left;" />
-<input type="button" class="button" value="rename_2" id="rename_2" style="" />
-<div id="demo1" class="demo">
-	<ul>
-		<li id="phtml_1">
-			<a href="#" class="en">Root node 1</a>
-			<a href="#" class="bg">Корен 1</a>
-			<ul>
-				<li id="phtml_2">
-					<a href="#" class="en">Child node 1</a>
-					<a href="#" class="bg">Дете 1</a>
-				</li>
-				<li id="phtml_3">
-					<a href="#" class="en">Child node 2</a>
-					<a href="#" class="bg">Дете 2</a>
-				</li>
-			</ul>
-		</li>
-		<li id="phtml_4">
-			<a href="#" class="en">Root node 2</a>
-			<a href="#" class="bg">Корен 2</a>
-		</li>
-	</ul>
-</div>
-<script type="text/javascript" class="source">
-$(function () {
-	$("#en_1, #bg_1").click(function () {
-		$("#demo1").jstree("set_lang", this.value);
-	});
-	$("#rename_1").click(function () {
-		$("#demo1").jstree("rename_node", "#phtml_1", "Rename visible lang");
-	});
-	$("#rename_2").click(function () {
-		$("#demo1").jstree("rename_node", "#phtml_1", "Rename `bg`", "bg");
-	});
-	$("#demo1").jstree({
-		"languages" : [ "en", "bg" ],
-		"plugins" : [ "themes", "html_data", "languages"]
-	});
-});
-</script>
-</div>
-<h2 id="api">API</h2>
-<div class="panel api">
-<h3 id="set_lang">.set_lang ( lang )</h3>
-<p>Set the tree's visible language. Triggers an event.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">string <br />number</code> <strong>lang</strong>
-		<p>Either the language code string (as specified in the config) or an index from the config array.</p>
-	</li>
-</ul>
-<h3 id="get_lang">.get_lang ( )</h3>
-<p>Returns the name of the currently visible language.</p>
-<h3 id="get_text">.get_text ( node , lang )</h3>
-<p>Returns the title of a node. Overwrites the <a href="core.html#get_text">get_text function</a> from the core.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you need.</p>
-	</li>
-	<li>
-		<code class="tp">string</code> <strong>lang</strong>
-		<p>The language code string (as specified in the config) to get the title in. If you omit this - the currently visible language is used.</p>
-	</li>
-</ul>
-<h3 id="set_text">.set_text ( node , text , lang )</h3>
-<p>Sets the title of a node. Overwrites the <a href="core.html#set_text">set_text function</a> from the core. This is used internally - you should use <a href="core.html#rename_node">rename_node</a>. Since <code>rename_node</code> uses <code>set_text</code> internally you can pass a language string as a third parameter to rename_node.</p>
-<ul class="arguments">
-	<li>
-		<code class="tp">mixed</code> <strong>node</strong>
-		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you want to change.</p>
-	</li>
-	<li>
-		<code class="tp">string</code> <strong>text</strong>
-		<p>The new title.</p>
-	</li>
-	<li>
-		<code class="tp">string</code> <strong>lang</strong>
-		<p>The language code string (as specified in the config) to get the title in. If you omit this - the currently visible language is used.</p>
-	</li>
-</ul>
-<h3 id="_load_css">._load_css ( )</h3>
-<p>used only internally to include the CSS necessary for the plugin onload.</p>
-<h3 id="create_node">.create_node ( obj , position , js , callback )</h3>
-<p>Overwrites the <a href="core.html#create_node">create_node</a> function from the core. To create a node with a few titles use an array for the <code>data</code> property of the <code>js</code> parameter:</p>
-<p><code>{ "data" : [ { "title" : "EN title", language : "en" }, { "title" : "BG заглавие", language : "bg" } ] }</code></p>
-</div>
-</div>
-</body>
-</html>