iframeの高さを自動的にリサイズする

Question

私はマスターページにiframeを含めています。その内容に応じてiframeの高さをリサイズします。

iframeのコンテンツを増やすと、iframeの高さを増やす必要があります。

<div id="div_NotificationOuter" style="position: fixed; bottom: 0px; right: 15px; 
      padding: 5px; background-color: White; background-image: url('../images/content_fixed_downup.png'); 
      background-repeat: no-repeat; min-height: 130px; text-align: left; display: block; 
      border: 1px solid gray; width: 280px; overflow: hidden;"> 

    <asp:ImageButton ID="img1b" runat="server" ImageUrl="../images/close.png" 
       Style="margin-right: 2px;float:right;" OnClientClick="Hide_NotifyPopUp()" /> 

アラート

お使いのブラウザはiframeに対応していません。

とiframeのページでは、jQueryのを持っていると仮定すると

<div id="iframe_content"> 
     <div style="overflow: auto;font-weight:bold " > 
      <label id="lblNotifyMessage" runat="server" style="margin-left:15px;"> 

      </label> 
     </div> 
     <div style="font-size: 14px;margin-left:15px;"> 
      <asp:Label ID="lblCount_Followups" runat="server" Text="" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="lblCount_Workflow" runat="server" Text="" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="lblCount_Inbox" runat="server" Text="" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Timer ID="Timer1" runat="server" Interval="111115000"> 
      </asp:Timer> 

      <asp:Label ID="Label1" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label2" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label3" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 


      <asp:Label ID="Label4" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label5" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label6" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 


      <asp:Label ID="Label7" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label8" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 
      <asp:Label ID="Label9" runat="server" Text="Notification Message" 
       Style="margin: 2px"></asp:Label><br /> 

     </div> 
     </div> 

Answer 1

であり、あなたは、コンテンツの高さは、あなたがこれでサイズを変更することができます変更したときに知っている：

$('#iframe').height($('#iframe_content').height());

Answer 2

あなたがする必要がありますこれを行うには、iframeから親ページの関数を呼び出します。親ページで

、今、この

function resizeIframe(var) { 
    $("iframeid").height(var); 
} 

のように同様の機能を作成し、私はこの機能を使用shuld wheryのiframe内から

$(window).load(function() { 
//^Once everything load. You can change this any event suitable 
    parent.resizeIframe($(window).outerHeight()); 
});