I have two iFrames in my web application. The first is a header that contains some buttons, the second is the main content window.
I am trying to click a button in iFrame1 and open a ModalPanel in iFrame2. I imagine others have run into this before. I realize iFrames are not always the best way to go, but I have a music player in my top frame, and I want to keep it playing while users navigate the site.
This is the button I'm using to open the model window in my header frame (iFrame1).
<asp:ImageButton ID="plyrFilter" runat="server" ImageUrl="images/plyrFilter.gif" onmouseover="plyrToolTip('Filter Genre')" onmouseout="plyrToolTip('')" />
This is the model in my header frame (iFrame1).
<asp:Panel ID="ModalPanel" runat="server" Width="300px">
<div class="divCloseBtn"><asp:ImageButton ID="OKButton" runat="server" ImageUrl="~/images/modalClose.png" /></div>
This is some text. Put the filters in here.
<asp:Button ID="btnLobtnFilter" runat="server" Text="Apply Filter" />
<ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlId="plyrFilter" BackgroundCssClass="modalBackground"
PopupControlID="ModalPanel" OkControlID="OKButton" />
Of course this just opens the model window in the header iFrame. How can I get this to open in the main content iFrame (iFrame2)?