46 |
<html> |
<html> |
47 |
<head> |
<head> |
48 |
<title>XenServer::<?php echo $namelabel;?></title> |
<title>XenServer::<?php echo $namelabel;?></title> |
49 |
|
|
50 |
|
<link rel="stylesheet" type="text/css" href="jquery/theme/jquery-ui.css"> |
51 |
|
<style> |
52 |
|
.ui-menu { |
53 |
|
width: 200px; |
54 |
|
} |
55 |
|
</style> |
56 |
<script type='text/javascript' src="jquery/jquery-1.9.1.min.js"></script> |
<script type='text/javascript' src="jquery/jquery-1.9.1.min.js"></script> |
57 |
|
<script type='text/javascript' src="jquery/jquery-ui-1.10.2.min.js"></script> |
58 |
|
|
59 |
<script type='text/javascript'> |
<script type='text/javascript'> |
60 |
|
var menu = 0; |
61 |
|
|
62 |
$(document).ready( function() { |
$(document).ready( function() { |
63 |
|
$("#menu").hide(); |
64 |
setInterval(refreshData, 60000); |
setInterval(refreshData, 60000); |
65 |
refreshData(); |
refreshData(); |
66 |
$('.console').click( function() { |
$('.console').click( function() { |
70 |
console(conurl,session,name); |
console(conurl,session,name); |
71 |
}); |
}); |
72 |
|
|
73 |
$('#logo').click( function() { |
$('#logo').click( function(event) { |
74 |
refreshData(); |
//refreshData(); |
75 |
|
$('#menu').show().position( {my: "left top", of: event} ); |
76 |
|
|
77 |
|
$('#menu').menu( { |
78 |
|
select: function(event2,ui) { |
79 |
|
alert( ui.item.text() ); |
80 |
|
//closeMenu(); |
81 |
|
}, |
82 |
|
create: function(event3,ui) { |
83 |
|
menu = 1; |
84 |
|
} |
85 |
|
/*position: { |
86 |
|
my: "left", of: event |
87 |
|
}*/ |
88 |
|
}); |
89 |
|
event.stopPropagation(); |
90 |
}); |
}); |
91 |
|
|
92 |
|
$(document).click( function(event) { |
93 |
|
closeMenu(); |
94 |
|
}); |
95 |
|
|
96 |
}); |
}); |
97 |
|
|
98 |
|
function closeMenu() { |
99 |
|
if (menu > 0) { |
100 |
|
$("#menu").menu("destroy").hide(); |
101 |
|
menu = 0; |
102 |
|
} |
103 |
|
} |
104 |
|
|
105 |
function refreshData() { |
function refreshData() { |
106 |
$("#logo").hide(); |
$("#logo").hide(); |
107 |
$.get('ajaxdata.php', function(xml) { |
$.get('ajaxdata.php', function(xml) { |
397 |
|
|
398 |
<?PHP } ?> |
<?PHP } ?> |
399 |
</td></tr></table> |
</td></tr></table> |
400 |
|
|
401 |
|
<ul id="menu"> |
402 |
|
<li><a href="#">Item 1</a></li> |
403 |
|
<li><a href="#">Item 2</a></li> |
404 |
|
<li><a href="#">Item 3</a> |
405 |
|
<ul> |
406 |
|
<li><a href="#">Item 3-1</a></li> |
407 |
|
<li><a href="#">Item 3-2</a></li> |
408 |
|
<li><a href="#">Item 3-3</a></li> |
409 |
|
<li><a href="#">Item 3-4</a></li> |
410 |
|
<li><a href="#">Item 3-5</a></li> |
411 |
|
</ul> |
412 |
|
</li> |
413 |
|
<li><a href="#">Item 4</a></li> |
414 |
|
<li><a href="#">Item 5</a></li> |
415 |
|
</ul> |
416 |
|
|
417 |
</body></html> |
</body></html> |
418 |
|
|