JAVASCRIPT   29

default_layout.js

Guest on 19th April 2022 12:54:05 AM

  1. //================================================================================  
  2. // default_layout.js
  3. //================================================================================  
  4.  
  5. //================================================================================  
  6. // Start Layout Functions
  7. //================================================================================  
  8.  
  9. // ========================================
  10. //  start position div from sum of multiple divs height
  11. // ========================================
  12.         function positionFromHeightSum(idsOfDivsArr,iddivtochange,cssproperty,addmore) {
  13.  
  14.           //alert('test: ' + idsOfDivsArr + iddivtochange + topheight + addmore);
  15.  
  16.           var divheight = 0;
  17.  
  18.           $.each(idsOfDivsArr, function( index, idsOfDivVal ) {
  19.  
  20.             //alert('test' + idsOfDivVal );
  21.  
  22.             var heighttoadd = $(idsOfDivVal).height(); 
  23.             //alert('heighttoadd: ' + heighttoadd );
  24.  
  25.             divheight = divheight + heighttoadd; //divheight + heighttoadd;
  26.  
  27.           });
  28.  
  29.           //alert('divheight: ' + divheight );
  30.  
  31.           var newheight = divheight + addmore; 
  32.  
  33.           //alert('newheight: ' + newheight );
  34.  
  35.  
  36.             $(iddivtochange).css(cssproperty,newheight);
  37.        
  38.  
  39.         }
  40.  
  41. // ========================================
  42. //  end position div from sum of multiple divs height
  43. // ========================================
  44.  
  45. // ========================================
  46. // start process autoheight based on container/box
  47. // ========================================
  48.  
  49.  
  50.         function processAutoheight(autoHeightIdArr,autoHeightContainerId,autoHeightBoxId)
  51.         {
  52.           var totalAutoHeight = 0;
  53.  
  54.           //alert ('autoHeightIdArr: ' + autoHeightIdArr);
  55.           $.each(autoHeightIdArr, function( index, autoHeightIdArr ) {
  56.  
  57.             //alert (autoHeightIdArr + ' autoHeightIdArr: ' + $(autoHeightIdArr).height() + ' totalAutoHeight: ' +totalAutoHeight);    
  58.             totalAutoHeight += $(autoHeightIdArr).height();
  59.           });
  60.  
  61.  
  62.           $('#page_box').css({
  63.             //'background-color': '#FFFFCC',
  64.             'border': 'solid 3px #FF0000',
  65.             'margin-bottom': '0px',
  66.             'height': '100%'
  67.            });
  68.  
  69.  
  70.  
  71.           $('#page_container').css({
  72.             'border': 'solid 3px #00FF00',
  73.             'margin-bottom': '70px',
  74.           });
  75.  
  76.  
  77.           var outerContainerHeight = $(autoHeightContainerId).height();
  78.           var outerBoxHeight = $(autoHeightBoxId).height();
  79.          
  80.           alert ('Total Height: ' + totalAutoHeight);
  81.           alert ('Outer Container Height: ' + outerContainerHeight);
  82.           alert ('Outer Box Height: ' + outerBoxHeight);
  83.  
  84.           if ( outerContainerHeight <= totalAutoHeight ) {
  85.             $('#page_container').css({
  86.               //'height': totalAutoHeight + 'px'
  87.               //'height': totalAutoHeight + 'px'
  88.               'height': totalAutoHeight + 'px'
  89.  
  90.             })
  91.           }
  92.           else {
  93.             $('#page_container').css({
  94.               'height': '100%'
  95.             })
  96.           }
  97.         }// end function processAutoheight
  98.  
  99.  
  100.  
  101.  
  102. //=====POOP
  103. //      // Recalculate under any condition that the viewport dimension has changed
  104. //      $(document).ready(function() {
  105. //        //checkLoginState(); //poop
  106. //
  107. //
  108. //      var autoHeightIdArr = [ "#resy_container","announce_container","#intro_box","#share_container","#copy_container"]; // should be built from config
  109. //      var autoHeightContainerId = "#page_container";
  110. //      var autoHeightBoxId = "#page_box";
  111. //
  112. //      var winResizeCount = 0;
  113. //      $(window).resize(function() {
  114. //        //alert('window resize');
  115. //
  116. //        winResizeCount++;
  117. //        if (winResizeCount <= 1) {
  118. //          //alert('resize started' + winResizeCount);
  119. //        }  else {
  120. //          //alert('resize complete' + winResizeCount);
  121. //          winResizeCount = 0;
  122. //          processAutoheight(autoHeightIdArr,autoHeightContainerId,autoHeightBoxId);
  123. //        }
  124. //
  125. //      });
  126. //
  127. //      //$(document).resize(function() {
  128. //        //alert('doc resize');
  129. //        //processAutoheight(autoHeightIdArr,outerBoxId);
  130. //      //});
  131. //
  132. //
  133. //
  134. // });//end doc ready
  135. //=====POOP
  136.  
  137. // ========================================
  138. // end process autoheight based on container/box
  139. // ========================================
  140.  
  141. //------------------------poop
  142.  
  143. function zoominoutLoopCallBack() {
  144. /*
  145.   if (mediaType != 'xs') {
  146.     resetZoomInOutData();
  147.   }
  148. */
  149. }
  150.  
  151. /*
  152. function resetZoomInOutData() {
  153.  
  154. //alert('reset');
  155.  
  156.  
  157.   var zoomSmall= '0.55';
  158.   var zoomBig = '0.5';
  159.  
  160.   var randZoom = Math.floor(Math.random() * 2) + 1;  
  161.  
  162.    var initZoom;
  163.    var finZoom;
  164.  
  165.   if (randZoom == 1){
  166.     var initZoom = zoomSmall;
  167.     var finZoom = zoomBig;
  168.   }  else {
  169.     var initZoom = zoomBig;
  170.     var finZoom = zoomSmall;
  171.   }
  172.  
  173. //alert('initZoom: ' + initZoom + ' | finZoom: ' + finZoom);
  174.  
  175.   $('.zoominoutbox').attr('data-initialZoom', initZoom);
  176.   $('.zoominoutbox').attr('data-finalZoom', finZoom);
  177.  
  178.   var randHorPos = Math.floor(Math.random() * 3) + 1;  
  179.   var randVertPos = Math.floor(Math.random() * 3) + 1;  
  180.  
  181.   if (randHorPos == 1){
  182.     randHorPos = "left";
  183.   } else if (randHorPos == 2) {
  184.     randHorPos = "center";
  185.   } else {
  186.     randHorPos = "right";
  187.   }
  188.  
  189. //  if (randVertPos == 1){
  190. //    randVertPos = "top";
  191. //  } else if (randVertPos == 2) {
  192. //    randVertPos = "center";
  193. //  } else {
  194. //    randVertPos = "bottom";
  195. //  }
  196.  
  197.  
  198.     randVertPos = "center";
  199.  
  200.  
  201. //  alert('randHorPos: ' + randHorPos + ' | randVertPos: ' + randVertPos);
  202.  
  203.   $('.zoominoutbox').attr('data-horizontalPosition',randHorPos);
  204.   $('.zoominoutbox').attr('data-verticalPosition',randVertPos);
  205.  
  206. }
  207. */
  208. //------------------------poop
  209.  
  210. //================================================================================  
  211. // End Layout Functions
  212. //================================================================================

Raw Paste

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