2012-05-03 14 views
2

ModalPopupextender Ajaxコントロールを使用してモーダルポップアップでaspxページを開きます。 aspxページは、iframeで次のコードに示すようにiframeで開きます。iframeに読み込まれるコンテンツは動的なので、iframeに固定された高さを与えることはできません。私は、ポップアップが開かれるたびにコンテンツごとに高さを調整できるようにしたい。 iframeの高さを変更する機能があり、iframeがウィンドウ自体に表示され、iframeがPOPUPで開かれたときに高さを調整することができない他のページでもこの機能を使用しています。私はすでにウィンドウのonload、iframeのonloadイベントを成功させずに試みました。ModalPopupextenderを使用してポップアップとして開くとiframeの高さを調整する問題

 <asp:ModalPopupExtender ID="ModalPopupExtender2" BackgroundCssClass="transparentBG" 
     runat="server" CancelControlID="ButtonCancel" OkControlID="ButtonDone" 
     TargetControlID="btnAddNew" PopupControlID="DivAddWindow" Drag="true" > 
    </asp:ModalPopupExtender> 
    <div class="popup_Buttons" style="display: none"> 
     <input id="ButtonDone" value="Done" type="button" /> 
     <input id="ButtonCancel" value="Cancel" type="button" /> 
    </div> 
    <div id="DivAddWindow" style="display: none;"> 

    <iframe id="IframeEdit" scrolling="no" src="MasterPage.aspx" width="700px"> 
    </iframe> 
    </div> 

誰かが私に解決策を導くことができたら本当にありがたいです。

答えて

1

はこれを試してみてください:javascript関数以下

<iframe id="IframeEdit" onload="iframeLoaded()" scrolling="yes" src="MasterPage.aspx" width="700px"> 
</iframe> 

は、iframeのコンテンツからの高さになるだろう。

<script type="text/javascript"> 
function iframeLoaded() { 
    var iFrameID = document.getElementById('IframeEdit'); 

    if (iFrameID) { 
     iFrameID.height = ""; 
     iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; 
    } 
} 
</script> 

ModalPopupextenderでもチェックしました。

+0

ありがとうございました。 scroll = yesを設定すると高さの問題は解決されましたが、FirefoxではiframeにHorizo​​ntal/Verticalスクロールが表示されます。 CSSでこれらを隠す方法を見つける必要があるかもしれません。 – user976508

関連する問題