mirror of
				https://github.com/xcat2/xcat-core.git
				synced 2025-11-03 21:02:34 +00:00 
			
		
		
		
	git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@2253 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
		
			
				
	
	
		
			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>
 |