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>
 |