elf
11-23-2009, 09:34 PM
I sure hope there is some one out there that knows how to use the Modal Popup Extender.
I have a page with a tabbed control. When the user selects a value from a DropDown List on tabindex 1 a modal popup is suppose to display. I have java script to show the popup. The popup starts up where the background changes and nothing else. I don't get the popup to display at all.
Could this popup be displaying somewhere else? Below is the JavaScript and Modal/Panel markup:
JavaScript:
function ShowPopUp(val) {
switch(val){
case "H - Held":
alert("The selected value is " + val);
$find('mpeStatus').show();
$find('upnlStatus').update();
break;
case "A - Assigned":
alert("The selected value is " + val);
break;
case "X - fered":
alert("The selected value is " + val);
break;
}
}
Page Markup:
</cc1:TabContainer>
<asp:button runat="server" id="btnStatus_Hold" style="display:none;"/>
<cc1:ModalPopupExtender ID="mpeStatus" runat="server"
TargetControlID="btnStatus_Hold"
PopupControlID="pnlStatus"
CancelControlID="btnStatusCancel" BehaviorID="mpeStatus"
DropShadow="true" BackgroundCssClass="modalBackground" X="150" Y="50">
</cc1:ModalPopupExtender>
<asp:Panel runat="server" ID="pnlStatus" CssClass="ModalPopUp" Width="100px" Height="100" >
<asp:UpdatePanel ID="upnlStatus" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="divStatus" runat="server">
<asp:Label runat="server" Text="No Controls Live Here" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<div>
<asp:Button ID="btnSave" runat="server" Text="Save"
OnClientClick="alert('Sorry, but I didnt implement save because I dont want my northwind database getting messed up.'); return false;"
Width="50px" />
<asp:Button ID="btnStatusCancel" runat="server"
Text="Close" style="left:350px; position:absolute;"
Width="50px" />
</div>
</asp:Panel>
I have a page with a tabbed control. When the user selects a value from a DropDown List on tabindex 1 a modal popup is suppose to display. I have java script to show the popup. The popup starts up where the background changes and nothing else. I don't get the popup to display at all.
Could this popup be displaying somewhere else? Below is the JavaScript and Modal/Panel markup:
JavaScript:
function ShowPopUp(val) {
switch(val){
case "H - Held":
alert("The selected value is " + val);
$find('mpeStatus').show();
$find('upnlStatus').update();
break;
case "A - Assigned":
alert("The selected value is " + val);
break;
case "X - fered":
alert("The selected value is " + val);
break;
}
}
Page Markup:
</cc1:TabContainer>
<asp:button runat="server" id="btnStatus_Hold" style="display:none;"/>
<cc1:ModalPopupExtender ID="mpeStatus" runat="server"
TargetControlID="btnStatus_Hold"
PopupControlID="pnlStatus"
CancelControlID="btnStatusCancel" BehaviorID="mpeStatus"
DropShadow="true" BackgroundCssClass="modalBackground" X="150" Y="50">
</cc1:ModalPopupExtender>
<asp:Panel runat="server" ID="pnlStatus" CssClass="ModalPopUp" Width="100px" Height="100" >
<asp:UpdatePanel ID="upnlStatus" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="divStatus" runat="server">
<asp:Label runat="server" Text="No Controls Live Here" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<div>
<asp:Button ID="btnSave" runat="server" Text="Save"
OnClientClick="alert('Sorry, but I didnt implement save because I dont want my northwind database getting messed up.'); return false;"
Width="50px" />
<asp:Button ID="btnStatusCancel" runat="server"
Text="Close" style="left:350px; position:absolute;"
Width="50px" />
</div>
</asp:Panel>