JAVASCRIPT   31

default_layout_old.js

Guest on 19th April 2022 12:55:04 AM

  1.  
  2. //================================================================================  
  3. // Start Layout Functions
  4. //================================================================================  
  5.  
  6. // ========================================
  7. //  start position div from sum of multiple divs height
  8. // ========================================
  9.         function positionFromHeightSum(idsOfDivsArr,iddivtochange,cssproperty,addmore) {
  10.  
  11.           //alert('test: ' + idsOfDivsArr + iddivtochange + topheight + addmore);
  12.  
  13.           var divheight = 0;
  14.  
  15.           $.each(idsOfDivsArr, function( index, idsOfDivVal ) {
  16.  
  17.             //alert('test' + idsOfDivVal );
  18.  
  19.             var heighttoadd = $(idsOfDivVal).height(); 
  20.             //alert('heighttoadd: ' + heighttoadd );
  21.  
  22.             divheight = divheight + heighttoadd; //divheight + heighttoadd;
  23.  
  24.           });
  25.  
  26.           //alert('divheight: ' + divheight );
  27.  
  28.           var newheight = divheight + addmore; 
  29.  
  30.           //alert('newheight: ' + newheight );
  31.  
  32.  
  33.             $(iddivtochange).css(cssproperty,newheight);
  34.        
  35.  
  36.         }
  37.  
  38. // ========================================
  39. //  end position div from sum of multiple divs height
  40. // ========================================
  41.  
  42. // ========================================
  43. // start process autoheight based on container/box
  44. // ========================================
  45.  
  46.  
  47.         function processAutoheight(autoHeightIdArr,autoHeightContainerId,autoHeightBoxId)
  48.         {
  49.           var totalAutoHeight = 0;
  50.  
  51.           //alert ('autoHeightIdArr: ' + autoHeightIdArr);
  52.           $.each(autoHeightIdArr, function( index, autoHeightIdArr ) {
  53.  
  54.             //alert (autoHeightIdArr + ' autoHeightIdArr: ' + $(autoHeightIdArr).height() + ' totalAutoHeight: ' +totalAutoHeight);    
  55.             totalAutoHeight += $(autoHeightIdArr).height();
  56.           });
  57.  
  58.  
  59.           $('#page_box').css({
  60.             //'background-color': '#FFFFCC',
  61.             'border': 'solid 3px #FF0000',
  62.             'margin-bottom': '0px',
  63.             'height': '100%'
  64.            });
  65.  
  66.  
  67.  
  68.           $('#page_container').css({
  69.             'border': 'solid 3px #00FF00',
  70.             'margin-bottom': '70px',
  71.           });
  72.  
  73.  
  74.           var outerContainerHeight = $(autoHeightContainerId).height();
  75.           var outerBoxHeight = $(autoHeightBoxId).height();
  76.          
  77.           alert ('Total Height: ' + totalAutoHeight);
  78.           alert ('Outer Container Height: ' + outerContainerHeight);
  79.           alert ('Outer Box Height: ' + outerBoxHeight);
  80.  
  81.           if ( outerContainerHeight <= totalAutoHeight ) {
  82.             $('#page_container').css({
  83.               //'height': totalAutoHeight + 'px'
  84.               //'height': totalAutoHeight + 'px'
  85.               'height': totalAutoHeight + 'px'
  86.  
  87.             })
  88.           }
  89.           else {
  90.             $('#page_container').css({
  91.               'height': '100%'
  92.             })
  93.           }
  94.         }// end function processAutoheight
  95.  
  96.  
  97.  
  98.  
  99. //=====POOP
  100. //      // Recalculate under any condition that the viewport dimension has changed
  101. //      $(document).ready(function() {
  102. //        //checkLoginState(); //poop
  103. //
  104. //
  105. //      var autoHeightIdArr = [ "#resy_container","announce_container","#intro_box","#share_container","#copy_container"]; // should be built from config
  106. //      var autoHeightContainerId = "#page_container";
  107. //      var autoHeightBoxId = "#page_box";
  108. //
  109. //      var winResizeCount = 0;
  110. //      $(window).resize(function() {
  111. //        //alert('window resize');
  112. //
  113. //        winResizeCount++;
  114. //        if (winResizeCount <= 1) {
  115. //          //alert('resize started' + winResizeCount);
  116. //        }  else {
  117. //          //alert('resize complete' + winResizeCount);
  118. //          winResizeCount = 0;
  119. //          processAutoheight(autoHeightIdArr,autoHeightContainerId,autoHeightBoxId);
  120. //        }
  121. //
  122. //      });
  123. //
  124. //      //$(document).resize(function() {
  125. //        //alert('doc resize');
  126. //        //processAutoheight(autoHeightIdArr,outerBoxId);
  127. //      //});
  128. //
  129. //
  130. //
  131. // });//end doc ready
  132. //=====POOP
  133.  
  134. // ========================================
  135. // end process autoheight based on container/box
  136. // ========================================
  137.  
  138.  
  139.  
  140. //================================================================================  
  141. // End Layout Functions
  142. //================================================================================

Raw Paste


Login or Register to edit or fork this paste. It's free.