jquery 동적 설정 iframe 높이

2102 단어 jquery
페이지 코드
<!--      -->
        <div region="center" bodyCls="box" id="bddiv">
         <iframe id="ckframe" name="ckframe" frameborder="no" style="border:none" scrolling=no  
              width="100%" height="9999px;"></iframe>
            <div id="spform">
            <input class="mini-hidden" type="hidden" name="fxxx_bh" id="fxxx_bh" value="[%HTML::TEXT.FXXX_BH%]" />
            <input class="mini-hidden" type="hidden" name="openTabId" id="openTabId" value="[%HTML::TEXT.openTabId%]" />
            <table width="100%" border=0 cellPadding=0 cellSpacing=0 class="edit">
                <tbody>
                    <tr>
                        <th width="20%">    :</th>
                        <td width="80%" id="sjyjTd">
                        </td>
                    </tr>
                    <tr>
                        <th width="20%">    :</th>
                        <td width="80%">
                            <textarea name="sjyjsmTd" id="sjyjsmTd" class="mini-textarea noborder-textarea" 
                                style="height: 90px" allowinput="false"></textarea>
                        </td>
                    </tr>
                </tbody>
            </table>
            </div>
        </div>

처음에 iframe 높이를 9999px로 설정해야 돼요. 무한고라는 뜻이에요.
그리고 iframe 내부 페이지 높이를 읽는 것을 지연시키고 부모 페이지의 iframe 높이로 설정합니다
	setTimeout(function(){
		$("#ckframe").height($("#ckframe").contents().find("#ksfkForm").height());
	},500);

좋은 웹페이지 즐겨찾기