source: dashboard/occ2011-noc.html@ 393

Last change on this file since 393 was 326, checked in by Rick van der Zwet, 13 years ago

Playing around with jquery and HTML

  • Property svn:mime-type set to text/html
File size: 1.6 KB
Line 
1<html>
2<head>
3<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
4<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
5<script src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
6<script src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js" type="text/javascript"></script>
7
8<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
9
10<script type="text/javascript">
11 $(function() {
12 $( "#tab-set" ).tabs();
13 });
14
15 $(document).ready(function(){
16 $(".tab-set").tabs();
17 if($("#tab-set") && document.location.hash){
18 $("#tab-set").scrollTo("#tab-set");
19 }
20 $("#tab-set").localScroll({
21 target:"#tab-set",
22 hash: true,
23 duration : 0,
24 });
25 });
26</script>
27
28</head>
29<body>
30
31<div class="demo">
32
33<div id="tab-set">
34 <ul class="tabs">
35 <li><a href="#overview">Overview</a></li>
36 <li><a href="#nagios">Nagios</a></li>
37 <li><a href="#smokeping">Smokeping</a></li>
38 </ul>
39 <div id="overview">
40 <iframe src="/nagios/cgi-bin/status.cgi?host=all&noheader=1" width="100%" height="50%"></iframe>
41 <iframe src="/smokeping/smokeping.cgi" width="100%" height="50%"></iframe>
42 </div>
43 <div id="nagios">
44 <iframe src="/nagios/" width="100%" height="100%"></iframe>
45 </div>
46 <div id="smokeping">
47 <iframe src="/smokeping/smokeping.cgi" width="100%" height="100%"></iframe>
48 </div>
49</div>
50</body>
51</html>
Note: See TracBrowser for help on using the repository browser.