用于在按钮点击时更改div高度的Javascript?

时间:2012-03-30 06:23:56

标签: javascript html

  

所以我的代码看起来像..现在问题是结果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>

1 个答案:

答案 0 :(得分:0)

给出结果div的高度

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