69 lines
1.7 KiB
HTML
69 lines
1.7 KiB
HTML
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head>
|
||
|
|
<title>xCAT web UI experiments</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="tree_component.css" />
|
||
|
|
<script type="text/javascript" src="css.js"></script>
|
||
|
|
<script type="text/javascript" src="jquery.js"></script>
|
||
|
|
<script type="text/javascript" src="jquery.listen.js"></script>
|
||
|
|
<script type="text/javascript" src="tree_component.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function() {
|
||
|
|
var nrtree = new tree_component();
|
||
|
|
nrtree.init($("#nrlist"),{
|
||
|
|
rules: {
|
||
|
|
multiple: "Ctrl"
|
||
|
|
},
|
||
|
|
ui: {
|
||
|
|
animation: 250
|
||
|
|
},
|
||
|
|
callback : {
|
||
|
|
onchange : printtree
|
||
|
|
},
|
||
|
|
data : {
|
||
|
|
type : "json",
|
||
|
|
async : "true",
|
||
|
|
url: "noderangesource.php",
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function printtree (node,nrtree) {
|
||
|
|
myselection=nrtree.selected_arr;
|
||
|
|
var noderange="";
|
||
|
|
for (node in myselection) {
|
||
|
|
noderange+=myselection[node][0].id;
|
||
|
|
}
|
||
|
|
$("#rangedisplay").text("Noderange: "+noderange.substring(1));
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="rangedisplay">
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="demo">
|
||
|
|
<div id="nrlist" class="dots"></div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<!-- <div class="demo">
|
||
|
|
<div id="htlist" class="dots">
|
||
|
|
<ul>
|
||
|
|
<li id="storage"><a>storage</a>
|
||
|
|
<ul>
|
||
|
|
<li id="node1"><a>node1</a></li>
|
||
|
|
<li id="node2"><a>node2</a></li>
|
||
|
|
</ul>
|
||
|
|
<li id="compute" class="open"><a>compute</a>
|
||
|
|
<ul>
|
||
|
|
<li id="node3"><a>node3</a></li>
|
||
|
|
<li id="node4"><a>node4</a></li>
|
||
|
|
<li id="node5"><a>node5</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
</body>
|
||
|
|
</html>
|