Jquery treeview
js 파일 :
jquery.treeview.zip<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>jQuery treeview</title>
<link rel="stylesheet" href="../jquery.treeview.css" />
<link rel="stylesheet" href="screen.css" />
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../lib/jquery.cookie.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
<Script>
$(document).ready(function(){
// second example
$("#navigation").treeview({
persist: "location",
collapsed: true,
unique: true
});
});
</Script>
</head>
<body>
<div id="main">
<h4>Sample 2 - Navigation</h4>
<ul id="navigation">
<li><input type="checkbox" name="node" value="0100" /><a href="?1">Item 1</a>
<ul>
<li><input type="checkbox" name="node" value="0101" /><a href="?1.0">Item 1.0</a>
<ul>
<li><input type="checkbox" name="node" value="0102" /><a href="?1.0.0">Item 1.0.0</a></li>
</ul>
</li>
<li><input type="checkbox" name="node" value="0200" /><a href="?1.1">Item 1.1</a></li>
<li><input type="checkbox" name="node" value="0300" /><a href="?1.2">Item 1.2</a>
<ul>
<li><input type="checkbox" name="node" value="0301" /><a href="?1.2.0">Item 1.2.0</a>
<ul>
<li><a href="?1.2.0.0">Item 1.2.0.0</a></li>
<li><a href="?1.2.0.1">Item 1.2.0.1</a></li>
<li><a href="?1.2.0.2">Item 1.2.0.2</a></li>
</ul>
</li>
<li><a href="?1.2.1">Item 1.2.1</a>
<ul>
<li><a href="?1.2.1.0">Item 1.2.1.0</a></li>
</ul>
</li>
<li><a href="?1.2.2">Item 1.2.2</a>
<ul>
<li><a href="?1.2.2.0">Item 1.2.2.0</a></li>
<li><a href="?1.2.2.1">Item 1.2.2.1</a></li>
<li><a href="?1.2.2.2">Item 1.2.2.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="?2">Item 2</a>
<ul>
<li><span>Item 2.0</span>
<ul>
<li><a href="?2.0.0">Item 2.0.0</a>
<ul>
<li><a href="?2.0.0.0">Item 2.0.0.0</a></li>
<li><a href="?2.0.0.1">Item 2.0.0.1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="?2.1">Item 2.1</a>
<ul>
<li><a href="?2.1.0">Item 2.1.0</a>
<ul>
<li><a href="?2.1.0.0">Item 2.1.0.0</a></li>
</ul>
</li>
<li><a href="?2.1.1">Item 2.1.1</a>
<ul>
<li><a href="?2.1.1.0abc">Item 2.1.1.0</a></li>
<li><a href="?2.1.1.1">Item 2.1.1.1</a></li>
<li><a href="?2.1.1.2">Item 2.1.1.2</a></li>
</ul>
</li>
<li><a href="?2.1.2">Item 2.1.2</a>
<ul>
<li><a href="?2.1.2.0">Item 2.1.2.0</a></li>
<li><a href="?2.1.2.1">Item 2.1.2.1</a></li>
<li><a href="?2.1.2.2">Item 2.1.2.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</div>
</body></html>
'develop > java script' 카테고리의 다른 글
| JS 생성자?? 프로토 타입??? (0) | 2015.02.05 |
|---|---|
| checkbox tree list value 가져오기 (0) | 2014.11.12 |
| 팝업창 띄우기 (0) | 2014.11.06 |
| 리플 제한 및 글 개수 변화 스크립트 (0) | 2014.11.05 |
| JSON-lib Java Library (0) | 2014.11.03 |