Mercurial > hg > thermostat-website-stg

changeset 53:f9572acc5207

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 57e51ace6e73
children 8a0d6fa4958e
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