Hi,
I would like to show/hide some fields inside a popup extender, based on a radio button list value selection (InternalExternal_RadioButtonList).
My problem is that the minute the js function (mailTypeChanged) finishes running, the pop up panel is closed.
This is my code:
<asp:Panel ID="sendEmailPanel" CssClass="ModalWindowEmail" style = "display:none; text-align:left;" runat="server"> <div class="popup_header"> Send Email </div> <div class="popup_BodyEmail"> <asp:RadioButtonList ID="InternalExternal_RadioButtonList" AutoPostBack="true" runat="server" RepeatDirection="Horizontal"> <asp:ListItem Selected="True" onclick="mailTypeChanged(this);">External</asp:ListItem> <asp:ListItem onclick="mailTypeChanged(this);">Internal</asp:ListItem> </asp:RadioButtonList> <asp:TextBox ID="mailToDate" TextMode="Date" runat="server" Width="250px"></asp:TextBox> <ajaxToolkit:TextBoxWatermarkExtender ID="mailToDate_WM" runat="server" TargetControlID="mailToDate" WatermarkText="Date" WatermarkCssClass="watermarked" /> <p><asp:TextBox ID="mailRecipients" runat="server" Width="250px"></asp:TextBox></p> <ajaxToolkit:TextBoxWatermarkExtender ID="mailRecipients_WM" runat="server" TargetControlID="mailRecipients" WatermarkText="To" WatermarkCssClass="watermarked" /> <p><asp:TextBox ID="mailCc" runat="server" Width="250px"></asp:TextBox></p> <ajaxToolkit:TextBoxWatermarkExtender ID="mailCc_WM" runat="server" TargetControlID="mailCc" WatermarkText="CC" WatermarkCssClass="watermarked" /> <p><asp:TextBox ID="mailBcc" runat="server" Width="250px"></asp:TextBox></p> <ajaxToolkit:TextBoxWatermarkExtender ID="mailBcc_WM" runat="server" TargetControlID="mailBcc" WatermarkText="BCC" WatermarkCssClass="watermarked" /> <p><asp:TextBox ID="mailBody" runat="server" TextMode="MultiLine" Width="250px" Height="250px"></asp:TextBox></p> <ajaxToolkit:TextBoxWatermarkExtender ID="mailBody_WM" runat="server" TargetControlID="mailBody" WatermarkText="Body" WatermarkCssClass="watermarked" /> </div> <div class="popup_ButtonsEmail"> <asp:Button ID="sendMail" runat="server" Text="Send" OnClick="ValidationOK_Click"/> <asp:Button ID="emailCancel" runat="server" Text="Cancel" OnClientClick="skm_unLockScreen('skm_LockPane')"/> </div> </asp:Panel> <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender4" runat="server" TargetControlID="email" CancelControlID="emailCancel" PopupControlID="sendEmailPanel" DropShadow="true" BackgroundCssClass="modalBackground"> <Animations> <OnShown> <FadeIn Duration=".4" Fps="20" /> </OnShown> </Animations> </ajaxToolkit:ModalPopupExtender>
function mailTypeChanged(id) { alert(id.value); }