From 4ae58899e6435a9206e9f887745904bfb5127978 Mon Sep 17 00:00:00 2001
From: ameykudari <ameykudari05@gmail.com>
Date: Mon, 11 Feb 2019 15:00:27 +0530
Subject: [PATCH 1/4] quiz reset issue fixed

---
 src/lab/exp1/quiz.html       | 19 ++++++++++++++-----
 src/lab/exp10/index.html     | 12 ++++++++++++
 src/lab/exp2/quiz.html       | 18 +++++++++++++-----
 src/lab/exp2/simulation.html |  2 +-
 src/lab/exp3/quiz.html       | 15 +++++++++++++--
 src/lab/exp4/quiz.html       | 13 ++++++++++++-
 src/lab/exp5/index.html      | 14 +++++++++++++-
 src/lab/exp6/index.html      | 15 +++++++++++++--
 src/lab/exp7/index.html      | 15 +++++++++++++--
 src/lab/exp8/index.html      | 15 +++++++++++++--
 src/lab/exp9/index.html      | 15 +++++++++++++--
 11 files changed, 130 insertions(+), 23 deletions(-)

diff --git a/src/lab/exp1/quiz.html b/src/lab/exp1/quiz.html
index 53b2b87c..06a00469 100644
--- a/src/lab/exp1/quiz.html
+++ b/src/lab/exp1/quiz.html
@@ -86,10 +86,19 @@
 <li><b> An approximate solution may be as good as the accurate solution for <input name="fib1" type="text"> purposes.</input></b></li><br><br>
 <p> <input target="_blank" type="submit" value="Submit answers for evaluation"/></p>
 </form>
-        </div>
-    </div>
-
-    
-    
+</div>
+</div>
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp10/index.html b/src/lab/exp10/index.html
index 03946a51..4697ea1f 100644
--- a/src/lab/exp10/index.html
+++ b/src/lab/exp10/index.html
@@ -191,5 +191,17 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
 </html>
diff --git a/src/lab/exp2/quiz.html b/src/lab/exp2/quiz.html
index ef778375..4e074ff8 100644
--- a/src/lab/exp2/quiz.html
+++ b/src/lab/exp2/quiz.html
@@ -108,9 +108,17 @@
           <!-- Quiz body here -->
         </div>
     </div>
-
-    
-   
-
-  </body>
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
+  </body
 </html>
diff --git a/src/lab/exp2/simulation.html b/src/lab/exp2/simulation.html
index 1fec27b9..bd192411 100644
--- a/src/lab/exp2/simulation.html
+++ b/src/lab/exp2/simulation.html
@@ -61,4 +61,4 @@
     
     
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp3/quiz.html b/src/lab/exp3/quiz.html
index 854f7019..5f6bfe1e 100644
--- a/src/lab/exp3/quiz.html
+++ b/src/lab/exp3/quiz.html
@@ -257,8 +257,19 @@
 </form>
         </div>
     </div>
-
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
     
    
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp4/quiz.html b/src/lab/exp4/quiz.html
index d6e6db68..aa9d56da 100644
--- a/src/lab/exp4/quiz.html
+++ b/src/lab/exp4/quiz.html
@@ -103,7 +103,18 @@
 
         </div>
     </div>
-
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
     
    
 
diff --git a/src/lab/exp5/index.html b/src/lab/exp5/index.html
index 5e5bdf00..8c1fbc9d 100644
--- a/src/lab/exp5/index.html
+++ b/src/lab/exp5/index.html
@@ -172,5 +172,17 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp6/index.html b/src/lab/exp6/index.html
index 68854598..07e3e8d3 100644
--- a/src/lab/exp6/index.html
+++ b/src/lab/exp6/index.html
@@ -284,6 +284,17 @@
       </div>
     </div>
   </div></div>
- 
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp7/index.html b/src/lab/exp7/index.html
index 678940b8..e0ebcbfe 100644
--- a/src/lab/exp7/index.html
+++ b/src/lab/exp7/index.html
@@ -203,6 +203,17 @@
       </div>
     </div>
   </div></div>
-  
+      <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp8/index.html b/src/lab/exp8/index.html
index e34dfc57..42f84213 100644
--- a/src/lab/exp8/index.html
+++ b/src/lab/exp8/index.html
@@ -204,6 +204,17 @@
       </div>
     </div>
   </div></div>
-
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp9/index.html b/src/lab/exp9/index.html
index e1d22769..7fe13a72 100644
--- a/src/lab/exp9/index.html
+++ b/src/lab/exp9/index.html
@@ -138,6 +138,17 @@
       </div>
     </div>
   </div></div>
-
+    <script>
+    function clearinp(){ 
+      const a=document.querySelectorAll("input"); 
+      for(let i=0;i<a.length;i++){ 
+        a[i].checked=false; 
+      } 
+    }
+    function cleari(){
+      setTimeout(clearinp, 10000);
+    }
+    document.querySelector("p input").addEventListener("click",cleari);
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>

From 81d9d1444d68a9c5789129d317aaf2ba702d326b Mon Sep 17 00:00:00 2001
From: ameykudari <ameykudari05@gmail.com>
Date: Mon, 1 Apr 2019 11:45:13 +0530
Subject: [PATCH 2/4] Add background to active tab

---
 src/lab/exp1/index.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/lab/exp1/index.html b/src/lab/exp1/index.html
index 0669719f..0c041884 100644
--- a/src/lab/exp1/index.html
+++ b/src/lab/exp1/index.html
@@ -56,11 +56,11 @@
   <div class="col-lg-2 visible-lg lab-index">
     <ul class="nav nav-pills nav-stacked">
       <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
+      <li><a class="tabOption" href="#theory">Theory</a></li>
+      <li><a class="tabOption" href="#obj">Objective</a></li>
+      <li><a class="tabOption" href="#man">Manual</a></li>
+      <li><a class="tabOption" href="#proc">Procedure</a></li>
+      <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
     </ul>
   </div>
 
@@ -142,5 +142,13 @@
     </div>
   </div></div>
 
+<script>
+  let list = document.querySelectorAll('.tabOption')
+  console.log(list);
+  list.forEach(li=>li.addEventListener('click',e=>{
+    list.forEach(item => item.style.backgroundColor="#eee");
+    e.target.style.backgroundColor="#ddd";
+  }));
+</script>
 </body>
 </html>
\ No newline at end of file

From fe381a2aee557252f1974d33698c85a8ca612a03 Mon Sep 17 00:00:00 2001
From: ameykudari <ameykudari05@gmail.com>
Date: Mon, 1 Apr 2019 11:52:16 +0530
Subject: [PATCH 3/4] Revert "quiz reset issue fixed"

This reverts commit 4ae58899e6435a9206e9f887745904bfb5127978.

remove commit saved on develop
---
 src/lab/exp1/quiz.html       | 19 +++++--------------
 src/lab/exp10/index.html     | 12 ------------
 src/lab/exp2/quiz.html       | 18 +++++-------------
 src/lab/exp2/simulation.html |  2 +-
 src/lab/exp3/quiz.html       | 15 ++-------------
 src/lab/exp4/quiz.html       | 13 +------------
 src/lab/exp5/index.html      | 14 +-------------
 src/lab/exp6/index.html      | 15 ++-------------
 src/lab/exp7/index.html      | 15 ++-------------
 src/lab/exp8/index.html      | 15 ++-------------
 src/lab/exp9/index.html      | 15 ++-------------
 11 files changed, 23 insertions(+), 130 deletions(-)

diff --git a/src/lab/exp1/quiz.html b/src/lab/exp1/quiz.html
index 06a00469..53b2b87c 100644
--- a/src/lab/exp1/quiz.html
+++ b/src/lab/exp1/quiz.html
@@ -86,19 +86,10 @@
 <li><b> An approximate solution may be as good as the accurate solution for <input name="fib1" type="text"> purposes.</input></b></li><br><br>
 <p> <input target="_blank" type="submit" value="Submit answers for evaluation"/></p>
 </form>
-</div>
-</div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+        </div>
+    </div>
+
+    
+    
   </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp10/index.html b/src/lab/exp10/index.html
index 4697ea1f..03946a51 100644
--- a/src/lab/exp10/index.html
+++ b/src/lab/exp10/index.html
@@ -191,17 +191,5 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
 </body>
 </html>
diff --git a/src/lab/exp2/quiz.html b/src/lab/exp2/quiz.html
index 4e074ff8..ef778375 100644
--- a/src/lab/exp2/quiz.html
+++ b/src/lab/exp2/quiz.html
@@ -108,17 +108,9 @@
           <!-- Quiz body here -->
         </div>
     </div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
-  </body
+
+    
+   
+
+  </body>
 </html>
diff --git a/src/lab/exp2/simulation.html b/src/lab/exp2/simulation.html
index bd192411..1fec27b9 100644
--- a/src/lab/exp2/simulation.html
+++ b/src/lab/exp2/simulation.html
@@ -61,4 +61,4 @@
     
     
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp3/quiz.html b/src/lab/exp3/quiz.html
index 5f6bfe1e..854f7019 100644
--- a/src/lab/exp3/quiz.html
+++ b/src/lab/exp3/quiz.html
@@ -257,19 +257,8 @@
 </form>
         </div>
     </div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+
     
    
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp4/quiz.html b/src/lab/exp4/quiz.html
index aa9d56da..d6e6db68 100644
--- a/src/lab/exp4/quiz.html
+++ b/src/lab/exp4/quiz.html
@@ -103,18 +103,7 @@
 
         </div>
     </div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+
     
    
 
diff --git a/src/lab/exp5/index.html b/src/lab/exp5/index.html
index 8c1fbc9d..5e5bdf00 100644
--- a/src/lab/exp5/index.html
+++ b/src/lab/exp5/index.html
@@ -172,17 +172,5 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp6/index.html b/src/lab/exp6/index.html
index 07e3e8d3..68854598 100644
--- a/src/lab/exp6/index.html
+++ b/src/lab/exp6/index.html
@@ -284,17 +284,6 @@
       </div>
     </div>
   </div></div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+ 
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp7/index.html b/src/lab/exp7/index.html
index e0ebcbfe..678940b8 100644
--- a/src/lab/exp7/index.html
+++ b/src/lab/exp7/index.html
@@ -203,17 +203,6 @@
       </div>
     </div>
   </div></div>
-      <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+  
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp8/index.html b/src/lab/exp8/index.html
index 42f84213..e34dfc57 100644
--- a/src/lab/exp8/index.html
+++ b/src/lab/exp8/index.html
@@ -204,17 +204,6 @@
       </div>
     </div>
   </div></div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/lab/exp9/index.html b/src/lab/exp9/index.html
index 7fe13a72..e1d22769 100644
--- a/src/lab/exp9/index.html
+++ b/src/lab/exp9/index.html
@@ -138,17 +138,6 @@
       </div>
     </div>
   </div></div>
-    <script>
-    function clearinp(){ 
-      const a=document.querySelectorAll("input"); 
-      for(let i=0;i<a.length;i++){ 
-        a[i].checked=false; 
-      } 
-    }
-    function cleari(){
-      setTimeout(clearinp, 10000);
-    }
-    document.querySelector("p input").addEventListener("click",cleari);
-    </script>
+
 </body>
-</html>
+</html>
\ No newline at end of file

From 243a26abc0099a02b1f73919e59515d554ab4397 Mon Sep 17 00:00:00 2001
From: ameykudari <ameykudari05@gmail.com>
Date: Mon, 1 Apr 2019 12:08:26 +0530
Subject: [PATCH 4/4] Expanded activeTabStyle

---
 src/lab/CommonExp.js     |  7 +++++++
 src/lab/exp1/index.html  | 10 ++--------
 src/lab/exp10/index.html | 22 +++++++++++++---------
 src/lab/exp2/index.html  | 21 ++++++++++++---------
 src/lab/exp3/index.html  | 25 ++++++++++++++-----------
 src/lab/exp4/index.html  | 23 +++++++++++++----------
 src/lab/exp5/index.html  | 21 ++++++++++++---------
 src/lab/exp6/index.html  | 21 ++++++++++++---------
 src/lab/exp7/index.html  | 21 ++++++++++++---------
 src/lab/exp8/index.html  | 21 ++++++++++++---------
 src/lab/exp9/index.html  | 21 ++++++++++++---------
 11 files changed, 121 insertions(+), 92 deletions(-)
 create mode 100644 src/lab/CommonExp.js

diff --git a/src/lab/CommonExp.js b/src/lab/CommonExp.js
new file mode 100644
index 00000000..8767be13
--- /dev/null
+++ b/src/lab/CommonExp.js
@@ -0,0 +1,7 @@
+// Code to highlight the each selected tab. 
+let list = document.querySelectorAll('.tabOption')
+console.log(list);
+list.forEach(li=>li.addEventListener('click',e=>{
+  list.forEach(item => item.style.backgroundColor="#eee");
+  e.target.style.backgroundColor="#ddd";
+}));
\ No newline at end of file
diff --git a/src/lab/exp1/index.html b/src/lab/exp1/index.html
index 0c041884..0a8e677b 100644
--- a/src/lab/exp1/index.html
+++ b/src/lab/exp1/index.html
@@ -142,13 +142,7 @@
     </div>
   </div></div>
 
-<script>
-  let list = document.querySelectorAll('.tabOption')
-  console.log(list);
-  list.forEach(li=>li.addEventListener('click',e=>{
-    list.forEach(item => item.style.backgroundColor="#eee");
-    e.target.style.backgroundColor="#ddd";
-  }));
-</script>
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp10/index.html b/src/lab/exp10/index.html
index 03946a51..498b028e 100644
--- a/src/lab/exp10/index.html
+++ b/src/lab/exp10/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -191,5 +191,9 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
diff --git a/src/lab/exp2/index.html b/src/lab/exp2/index.html
index e0e573f9..bd8b216b 100644
--- a/src/lab/exp2/index.html
+++ b/src/lab/exp2/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -177,5 +177,8 @@
     </div>
   </div></div>
  
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp3/index.html b/src/lab/exp3/index.html
index 67d3a03a..e4cfabbf 100644
--- a/src/lab/exp3/index.html
+++ b/src/lab/exp3/index.html
@@ -51,16 +51,16 @@
     </div>
 
 <div class="row">
-  <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+	<div class="col-lg-2 visible-lg lab-index">
+			<ul class="nav nav-pills nav-stacked">
+				<li class="active"><a href="#intro">Introduction</a></li>
+				<li><a class="tabOption" href="#theory">Theory</a></li>
+				<li><a class="tabOption" href="#obj">Objective</a></li>
+				<li><a class="tabOption" href="#man">Manual</a></li>
+				<li><a class="tabOption" href="#proc">Procedure</a></li>
+				<li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+			</ul>
+		</div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -260,6 +260,9 @@
       </div>
     </div>
   </div></div>
-  
+	
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp4/index.html b/src/lab/exp4/index.html
index 0b48b5aa..d3d2e609 100644
--- a/src/lab/exp4/index.html
+++ b/src/lab/exp4/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -233,6 +233,9 @@
       </div>
     </div>
   </div></div>
-  
+
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp5/index.html b/src/lab/exp5/index.html
index 5e5bdf00..78cb3d49 100644
--- a/src/lab/exp5/index.html
+++ b/src/lab/exp5/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -172,5 +172,8 @@
   <script src="http://code.jquery.com/jquery.js"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp6/index.html b/src/lab/exp6/index.html
index 68854598..7720ad51 100644
--- a/src/lab/exp6/index.html
+++ b/src/lab/exp6/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -285,5 +285,8 @@
     </div>
   </div></div>
  
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp7/index.html b/src/lab/exp7/index.html
index 678940b8..95e7d507 100644
--- a/src/lab/exp7/index.html
+++ b/src/lab/exp7/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -204,5 +204,8 @@
     </div>
   </div></div>
   
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp8/index.html b/src/lab/exp8/index.html
index e34dfc57..e8781640 100644
--- a/src/lab/exp8/index.html
+++ b/src/lab/exp8/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -205,5 +205,8 @@
     </div>
   </div></div>
 
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/src/lab/exp9/index.html b/src/lab/exp9/index.html
index e1d22769..684d0900 100644
--- a/src/lab/exp9/index.html
+++ b/src/lab/exp9/index.html
@@ -52,15 +52,15 @@
 
 <div class="row">
   <div class="col-lg-2 visible-lg lab-index">
-    <ul class="nav nav-pills nav-stacked">
-      <li class="active"><a href="#intro">Introduction</a></li>
-      <li><a href="#theory">Theory</a></li>
-      <li><a href="#obj">Objective</a></li>
-      <li><a href="#man">Manual</a></li>
-      <li><a href="#proc">Procedure</a></li>
-      <li><a href="#further-reading">Further Reading</a></li>
-    </ul>
-  </div>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="#intro">Introduction</a></li>
+        <li><a class="tabOption" href="#theory">Theory</a></li>
+        <li><a class="tabOption" href="#obj">Objective</a></li>
+        <li><a class="tabOption" href="#man">Manual</a></li>
+        <li><a class="tabOption" href="#proc">Procedure</a></li>
+        <li><a class="tabOption" href="#further-reading">Further Reading</a></li>
+      </ul>
+    </div>
 
   <div class="col-lg-10 lab-manual">
     <div id="intro" class="manual-section">
@@ -139,5 +139,8 @@
     </div>
   </div></div>
 
+<!-- Note: please leave the script tag on bottom of page. onload() not used, because of other issues. -->
+<script src="../CommonExp.js"></script>
+
 </body>
 </html>
\ No newline at end of file