Click here to Skip to main content
15,886,032 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
How to get the id of modalpopupextender in javascript when scriptManager is used....


Button event in server side:

C#
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "Add","funOpenUploadImageController();", true);




javascript:

JavaScript
function funOpenUploadImageController() {
            var iFrameobj = document.getElementById("iframePaymentPopup");
            var ModalPopupExtenderobj = $find("mpePaymentPopup");
            if (iFrameobj != null && ModalPopupExtenderobj != null) {
                iFrameobj.src = "UploadImage.aspx";
                ModalPopupExtenderobj.show();
            }
            return false;
        }



I can't get the object 'ModalPopupExtenderobj'.


Thanks in advance


Thanks,
Naveen
Posted
Updated 8-Jun-16 4:46am
v4

Thanks to every one...

I got the answer..

Button Click server side event:
ScriptManager.RegisterStartupScript(this, this.GetType(), "ModalPopup", "Sys.Application.add_load(  function()  
{    
    reloadModal = function() {
    funOpenUploadImageController();
};    
    Sys.Application.add_init(reloadModal); 
} 
);", true);



then i got the modalpopupextender id in javascript

Thanks
Naveen
 
Share this answer
 
v2
Modal Popup does not work with ScriptManager.RegisterStartupScript for this i created one more modal pop up and kept label blank as i can able to give any message:
ASP.NET
<cc1:modalpopupextender id="mdlInfo" runat="server" okcontrolid="btnInfoYes" cancelcontrolid="btnInfoNo" dropshadow="false" repositionmode="RepositionOnWindowScroll" targetcontrolid="btnInfoTarget" behaviorid="programmaticModal" backgroundcssclass="modalBackground1" popupcontrolid="pnlInfo" xmlns:cc1="#unknown">
</cc1:modalpopupextender>
<asp:panel id="pnlInfo" runat="server" style="display:none" cssclass=" ui-dialog ui-widget ui-widget-content ui-corner-all  ui-draggable ui-resizable colored-popup" xmlns:asp="#unknown">
<div id="div1" runat="server">
    <span>Message</span><a id="A2" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span></span></a></div>
 <br />
 <table>
 <tr>
 <td align="center">
 <asp:label id="lblInfo" runat="server" text=""></asp:label>
 </td>
 </tr>
 <tr>
 <td align="center">
  <asp:button id="btnOK" runat="server" text="OK" cssclass="blue-button-thirty-three" onclientclick=" return HidePopup();" />
 </td>
 </tr>
 </table>
</asp:panel>
and ok button hide the modal pop

JavaScript
function HidePopup() {
        $find("programmaticModal").hide();
        return false;

    }
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900