Changeset 29571 for other-projects

Show
Ignore:
Timestamp:
09.12.2014 13:28:45 (5 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:
2 modified

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk/main-form/index.html

    r29565 r29571  
    2020 
    2121    <!-- jQuery --> 
     22<!-- 
    2223    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     24--> 
     25    <script src="lib/jquery-1.11.1.min.js"></script> 
    2326<!-- 
    2427    <script src="lib/jquery-1.8.2.min.js"></script> 
     
    3538    <script src="js/liteaccordion.jquery.js"></script> 
    3639 
    37 <script type="text/javascript" src="http://gabelerner.github.io/canvg/rgbcolor.js"></script>  
    38 <script type="text/javascript" src="http://gabelerner.github.io/canvg/StackBlur.js"></script> 
    39 <script type="text/javascript" src="http://gabelerner.github.io/canvg/canvg.js"></script>  
     40    <!-- canvg library --> 
     41    <script type="text/javascript" src="lib/canvg/rgbcolor.js"></script>  
     42    <script type="text/javascript" src="lib/canvg/StackBlur.js"></script> 
     43    <script type="text/javascript" src="lib/canvg/canvg.js"></script>  
    4044 
    4145    <title>Enter Name</title> 
     
    6064      <!-- put custom content here -->     
    6165      <div class="story-title"> 
    62         <h1 class="center">Enter Name</h1> 
     66        <h1 id="enter-name-header" class="center">Enter Name</h1> 
    6367        <p class="center">-- xx </p> 
    6468        <p> 
  • other-projects/nz-flag-design/trunk/main-form/iterative-design.html

    r29565 r29571  
    2626      <!-- put custom content here -->   
    2727      <span class="left story-icon research" ></span> 
    28       <h2>Iterative Design</h2> 
     28      <h2 id="iterative-design-header">Iterative Design</h2> 
    2929 
    3030      <div> 
     
    126126        function activateAccordion() { 
    127127 
     128 
     129 
     130      //var la_x_dim = $('#enter-name-header').width(); 
     131      //var la_y_dim = $('#enter-name-page').height() - $('#enter-name-header').offset().bottom -20; 
     132 
     133      var la_x_dim = $(document).width() * 0.70; 
     134      var la_y_dim = $(document).height() * 0.67; 
     135 
    128136          $('#side-by-side').show(); 
     137 
    129138          $('#side-by-side') 
    130139            .liteAccordion( 
    131140               { theme           : 'stitch', // 'light', 
    132141                 rounded         : true, 
    133                  containerWidth  : 1000, 
    134                  containerHeight : 600, 
     142                 containerWidth  : la_x_dim, 
     143                 containerHeight : la_y_dim, 
    135144             onTriggerSlide : function() { 
    136145               console.log("onTriggerSlide: id = " + this[0].id);