forked from Jiwoks/JAOFileTree
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (57 loc) · 2.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>JAO File Tree </title>
<link rel="stylesheet" href="jaofiletree.css">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="jaofiletree.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
$('#jao').jaofiletree({
script : 'connectors/jaoconnector.php',
onclick : function(elem,type,file){}
});
$('#jao').bind('afteropen',function(){jQuery('#debugcontent').prepend('A folder has been opened<br/>');});
$('#jao').bind('afterclose',function(){jQuery('#debugcontent').prepend('A folder has been closed<br/>');});
});
</script>
<link href='http://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
<h1>JAO File Tree</h1>
<div id="jao"></div>
<h2>Actions</h2>
<a href="#" onclick="jQuery(jQuery('#jao').jaofiletree('getchecked')).each(function(){jQuery('#debugcontent').prepend(this.type+' : '+this.file+'<br/>');});return false;">Get checked</a>
<a href="#" onclick="jQuery(jQuery('#jao').jaofiletree('getselected')).each(function(){jQuery('#debugcontent').prepend(this.type+' : '+this.file+'<br/>');});return false;">Get selected</a>
<a href="#" onclick="jQuery('#jao').jaofiletree('open','/');return false;">Open Base</a>
<a href="#" onclick="jQuery('#jao').jaofiletree('close','/');return false;">Close base</a>
</div>
<div id="content">
<h2>JAOFileTree is a file tree plugin for jquery</h2>
<p>
It's an opensource project base on this work: <a href="http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/">abeautifulsite</a><br/>
Code is on github <a href="https://github.com/Jiwoks/JAOFileTree">Get the code</a><br/>
</p>
<h3>Basic usage</h3>
<code>
jQuery(document).ready(function($) {<br/>
$('#jao').jaofiletree();<br/>
});
</code>
<p>
Need more documentation? You will find here it on the project page : <a href="https://github.com/Jiwoks/JAOFileTree/wiki/Documentation">Documentation</a><br/>
</p>
<h3>Other examples</h3>
<p>JAOFileTree can also list a svn repository : <a href="svn.html">SVN Exemple</a></p>
</div>
<div id="debug">
<a href="#" onclick="jQuery('#debugcontent').html('');return false;">Clear</a>
<h2>Debug bar</h2>
<div id="debugcontent"></div>
</div>
</body>
</html>