Mercurial > hg > thermostat-website
changeset 56:b43cdb061a0c development
Move loading content code into js file. Set active page when loading it
author | Jie Kang <jkang@redhat.com> |
---|---|
date | Wed, 02 Nov 2016 14:42:48 -0400 |
parents | dd07364bd77a |
children | 9d9fb098a14d |
files | content/head.1.html content/head.html contribute/index.html documentation/index.html downloads/index.html getting-started/index.html index.html js/load-page.js |
diffstat | 8 files changed, 33 insertions(+), 20 deletions(-) [+] |
line wrap: on
line diff
--- a/content/head.1.html Wed Nov 02 11:31:09 2016 -0400 +++ b/content/head.1.html Wed Nov 02 14:42:48 2016 -0400 @@ -6,13 +6,13 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> - <a class="navbar-brand navbar-title" href="../">Thermostat</a> + <a id="nav-home" class="navbar-brand navbar-title" href="../">Thermostat</a> </div> <div class="collapse navbar-collapse" id="top-navbar"> <ul class="nav navbar-nav"> - <li><a href="../getting-started">Getting Started</a></li> - <li><a href="../documentation">Documentation</a></li> - <li><a href="../contribute">Contribute</a></li> + <li id="nav-getting-started"><a href="../getting-started">Getting Started</a></li> + <li id="nav-documentation"><a href="../documentation">Documentation</a></li> + <li id="nav-contribute"><a href="../contribute">Contribute</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> <ul class="dropdown-menu"> @@ -30,7 +30,7 @@ <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> </ul> </li> - <li><a href="../downloads">Downloads</a></li> + <li id="nav-downloads"><a href="../downloads">Downloads</a></li> </ul> </div> </nav> \ No newline at end of file
--- a/content/head.html Wed Nov 02 11:31:09 2016 -0400 +++ b/content/head.html Wed Nov 02 14:42:48 2016 -0400 @@ -6,13 +6,13 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> - <a class="navbar-brand navbar-title" href="./">Thermostat</a> + <a id="nav-home" class="navbar-brand navbar-title" href="./">Thermostat</a> </div> <div class="collapse navbar-collapse" id="top-navbar"> <ul class="nav navbar-nav"> - <li><a href="./getting-started">Getting Started</a></li> - <li><a href="./documentation">Documentation</a></li> - <li><a href="./contribute">Contribute</a></li> + <li id="nav-getting-started"><a href="./getting-started">Getting Started</a></li> + <li id="nav-documentation"><a href="./documentation">Documentation</a></li> + <li id="nav-contribute"><a href="./contribute">Contribute</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> <ul class="dropdown-menu"> @@ -30,7 +30,7 @@ <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> </ul> </li> - <li><a href="./downloads">Downloads</a></li> + <li id="nav-downloads"><a href="./downloads">Downloads</a></li> </ul> </div> </nav> \ No newline at end of file
--- a/contribute/index.html Wed Nov 02 11:31:09 2016 -0400 +++ b/contribute/index.html Wed Nov 02 14:42:48 2016 -0400 @@ -30,9 +30,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/contribute/content.html" ); + loadContent("contribute"); </script> </body>
--- a/documentation/index.html Wed Nov 02 11:31:09 2016 -0400 +++ b/documentation/index.html Wed Nov 02 14:42:48 2016 -0400 @@ -29,9 +29,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/documentation/content.html" ); + loadContent("documentation"); </script> </body>
--- a/downloads/index.html Wed Nov 02 11:31:09 2016 -0400 +++ b/downloads/index.html Wed Nov 02 14:42:48 2016 -0400 @@ -29,9 +29,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/downloads/content.html" ); + loadContent("downloads"); </script> </body>
--- a/getting-started/index.html Wed Nov 02 11:31:09 2016 -0400 +++ b/getting-started/index.html Wed Nov 02 14:42:48 2016 -0400 @@ -30,9 +30,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/getting-started/content.html" ); + loadContent("getting-started"); </script> </body>
--- a/index.html Wed Nov 02 11:31:09 2016 -0400 +++ b/index.html Wed Nov 02 14:42:48 2016 -0400 @@ -33,9 +33,9 @@ crossorigin="anonymous"></script> <!--<script src="./js/bootstrap.min.js"></script>--> + <script src="./js/load-page.js"></script> <script> - $( "#content-header" ).load( "./content/head.html" ); - $( "#content-body" ).load( "./content/home/content.html" ); + loadHome(); </script> </body>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/js/load-page.js Wed Nov 02 14:42:48 2016 -0400 @@ -0,0 +1,13 @@ +function loadHome() { + $("#content-header").load("./content/head.html"); + $("#content-body").load("./content/home/content.html"); +} + +function loadContent(name) { + navname = "nav-" + name; + $("#content-header").load("../content/head.1.html", function() { + $("#" + navname).addClass('active'); + }); + + $("#content-body").load("../content/" + name + "/content.html"); +} \ No newline at end of file