ボタンのクリックでdivの高さを変更するJavascript？

Question

私のコードはどうなっていますか？問題は、結果のdivを開くとすべてがうまくいくということですが、このページにアクセスするとメインラッパーは左のナビゲーションの高さになります。 私はそこに結果divが呼び出されたときにdivの高さを変更できる方法です.Ajax呼び出しを与えることができるjavascriptはありますか？ 本当に助けをありがとう..ありがとう！

<div id="main-container"> 

    <!--header starts--> 
    <jsp:include page="../common/header.jsp" /> 
    <!--header ends--> 

    <!--body content starts--> 
    <div id="main-content-wrapper"> 

     <!--body content left starts--> 
     <jsp:include page="../common/leftNavigation.jsp" /> 
     <!--body content left ends--> 

     <!--body content right starts--> 

     <form:form name="submitForm" action="storemonthly" method="POST" 
      commandName="storePerformanceVO"> 

      <div id="printDiv"> 
       <div id="maincontent-right-wrapper"> 
        <div class="page-heading-dailyroaster"> 
         <spring:message 
          code="rmp.store_performance_monthly.page_header.store_performance_monthly" /> 
        </div> 
      <!--shop starts--> 
        <div class="store-setup-wrapper"> 

         <!--shop starts--> 
         <div class="shop-promoter-wrapper"> 
          <div class="shop-promoter-inner"> 

           <ul> 

            <li><spring:message 
              code="rmp.store_performance_monthly.label.store" />:</li> 
            <li>&nbsp;</li> 
            <li><form:select path="storeid" style="width:200px;"> 
              <form:options items="${StoreList}" itemValue="storeId" 
               itemLabel="storeName" /> 
             </form:select></li> 
            <li><img src="../static/images/spacer.gif" width="26" 
             height="1" /></li> 
           </ul> 

          </div> 

         </div> 
         <!--shop ends--> 



        </div> 
        <!--shop ends--> 

        <!--daily-roaster-wrapper starts--> 
        <div id="resultDiv"></div> 
        <!--page bottom ends--> 

       </div> 

      </div> 
     </form:form> 
     <!--body content right ends--> 


    </div> 
    <!--body content ends--> 
    <!--footer starts--> 
    <div class="footer">&nbsp;</div> 
    <!--footer ends--> 
</div> 

Answer 1

また、あなたのCSSを投稿することができ、あなたの結果のdiv

document.getElementById(DivID).style.height=50