Changeset 29571

Timestamp:

2014-12-09T13:28:45+13:00 (9 years ago)

Author:

davidb

Message:

liteAccordion size now based on size of open window. Also, changed to using local version of some JS libraries, rather then ​http://external-site ....

Location:

other-projects/nz-flag-design/trunk/main-form

Files:

• index.html (modified) (3 diffs)
• iterative-design.html (modified) (2 diffs)

other-projects/nz-flag-design/trunk/main-form/index.html

@@ -20 +20 @@
 
     <!-- jQuery -->
+<!--
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+-->
+    <script src="lib/jquery-1.11.1.min.js"></script>
 <!--
     <script src="lib/jquery-1.8.2.min.js"></script>
@@ -35 +38 @@
     <script src="js/liteaccordion.jquery.js"></script>
 
-<script type="text/javascript" src="http://gabelerner.github.io/canvg/rgbcolor.js"></script> 
-<script type="text/javascript" src="http://gabelerner.github.io/canvg/StackBlur.js"></script>
-<script type="text/javascript" src="http://gabelerner.github.io/canvg/canvg.js"></script> 
+    <!-- canvg library -->
+    <script type="text/javascript" src="lib/canvg/rgbcolor.js"></script> 
+    <script type="text/javascript" src="lib/canvg/StackBlur.js"></script>
+    <script type="text/javascript" src="lib/canvg/canvg.js"></script> 
 
     <title>Enter Name</title>
@@ -60 +64 @@
       <!-- put custom content here -->    
       <div class="story-title">
-        <h1 class="center">Enter Name</h1>
+        <h1 id="enter-name-header" class="center">Enter Name</h1>
         <p class="center">-- xx </p>
         <p>

other-projects/nz-flag-design/trunk/main-form/iterative-design.html

@@ -26 +26 @@
       <!-- put custom content here -->  
       <span class="left story-icon research" ></span>
-      <h2>Iterative Design</h2>
+      <h2 id="iterative-design-header">Iterative Design</h2>
 
       <div>
@@ -126 +126 @@
         function activateAccordion() {
 
+
+
+      //var la_x_dim = $('#enter-name-header').width();
+      //var la_y_dim = $('#enter-name-page').height() - $('#enter-name-header').offset().bottom -20;
+
+      var la_x_dim = $(document).width() * 0.70;
+      var la_y_dim = $(document).height() * 0.67;
+
           $('#side-by-side').show();
+
           $('#side-by-side')
             .liteAccordion(
                { theme           : 'stitch', // 'light',
                  rounded         : true,
-                 containerWidth  : 1000,
-                 containerHeight : 600,
+                 containerWidth  : la_x_dim,
+                 containerHeight : la_y_dim,
              onTriggerSlide : function() {
                console.log("onTriggerSlide: id = " + this[0].id);