Show
Ignore:
Timestamp:
12.12.2014 20:13:59 (5 years ago)
Author:
davidb
Message:

Tidy up of file after testing with the new 'resize' method for liteAccordion

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

    r29608 r29619  
    3131    <link href="css/liteaccordion.css" rel="stylesheet" /> 
    3232    <script src="js/jquery.easing.1.3.js"></script> 
    33     <script src="js/liteaccordion.jquery.js"></script> 
     33    <script src="js/liteaccordion-with-resize.jquery.js"></script> 
    3434 
    3535    <!-- canvg library --> 
  • other-projects/nz-flag-design/trunk/main-form/iterative-design.html

    r29608 r29619  
    136136        function activateAccordion() { 
    137137 
    138  
    139  
    140       //var la_x_dim = $('#enter-name-header').width(); 
    141       //var la_y_dim = $('#enter-name-page').height() - $('#enter-name-header').offset().bottom -20; 
    142  
    143       var la_x_dim = $(document).width() * 0.70; 
    144       var la_y_dim = $(document).height() * 0.67; 
     138      var la_x_dim = $(window).width() * 0.70; 
     139      var la_y_dim = $(window).height() * 0.67; 
     140 
    145141 
    146142          $('#side-by-side').show(); 
     
    150146               { theme           : 'stitch', // 'light', 
    151147                 rounded         : true, 
     148                 //responsive      : true, 
    152149                 containerWidth  : la_x_dim, 
    153150                 containerHeight : la_y_dim, 
     
    165162        function activateSVGEditor() { 
    166163          console.log("activateSVGEditor()"); 
    167       //$('#design-2d-iframe').attr("src", "svg-edit-2.7/svg-editor.html");  
    168164          $('#design-2d-iframe').attr("src","svg-edit-trunk/editor/svg-editor.html"); 
    169165        } 
     
    177173        }); 
    178174 
     175    $(window).resize(function() { 
     176      var la_x_dim = $(window).width() * 0.70; 
     177      var la_y_dim = $(window).height() * 0.67; 
     178 
     179          $('#side-by-side') 
     180            .liteAccordion('resize', 
     181               { containerWidth  : la_x_dim, 
     182                 containerHeight : la_y_dim 
     183           } 
     184        ); 
     185 
     186 
     187    }); 
    179188 
    180189        $(document).on("pagebeforeshow",function(event,data){