Last change
on this file since 333 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.