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