ModalPopUpExtender

[suzi167]

Hello Everyone,

I am having the following issue.

I have an AJAX enabled Web Application in C#.
I am using a Master Page and then I have a Default.aspx page which is based on the Master page.
In my Default.aspx page I am using a ModalPopUpExtender control which I have declared in teh following way:

 
 
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
            PopupControlID="Panel1" 
            TargetControlID="Button1"
            BackgroundCssClass="modalBackground" 
            OkControlID="OkButton"
            OnOkScript="onOk()"
            CancelControlID="CancelButton" 
            DropShadow="true"/>
 

I need this to show when the page loads so I have the following code in my .cs file

 
protected void Page_LoadComplete(object sender, EventArgs e)
    {
 
        ModalPopupExtender1.Show(); //show the dialog box in which trhe user needs to enter their user name and password
}
 

The ModalPopUpExtender prompts the user to enter a user name and a password and then there are the OK and Cancel BUttons.

And here is the issue:

When the user clicks on the OK button I need to access a database and check to see if the spcified user exists in a Users Table.
I know how to do all that....BUT
I have the following routine in my Default.cs file and I though pressing on teh OK button will bring me to that routine

 
 protected void OkButton_Click(object sender, EventArgs e)
    {
       //here is where I am planning to do the Database checking stuff
    }
 

I put a break point at the beginning of the routine but unfortunately when I press the OK button the code does not go there.


If you n otice however in my declaration of the ModalPopUpExtender I have the following

OnOkScript="onOk()"

so I have no problem acceessing the js function wen I click om the OK button.
The question is however how can I get to any function and aceess the database when I click on the OK button.
All I want to do is when the user clicks OK I want to access a table in the database and check against it.
If this can be done in js then great but I don't know how to do it, otehrwise how can I access a functio in my C# code taht can do the same thing.

Thanks very much

Susan

[suzi167]

Hey Everyone,

I have a ModalPopUpextender which shows up when teh page loads and I am usig it for the user to enter a username and password.

If the pasword is incorrect however, once the user clicks on the OK button I want the ModalPopUpExtender to NOT go away.
I tried many different things.
How can I make the dialog box Show when I wanted it from Java Script.

here is my code

 
 
 function test()
    {
       var password = document.getElementById('ctl00_ContentPlaceHolder1_txtPassword').value;
       var username = document.getElementById('ctl00_ContentPlaceHolder1_txtUserName').value;
       var response = _Default.Connect(username,password);
       if(response.value==1) //successful response
       {
 
       }
       else
       {
         alert("The Specified User Name or Password are invalid");
 
         //Below is what I've tried so far and is not working.
        //$find("OrderDetailClient").show();
        // $object('ModalPopupExtender1')._show();
        //$object('ModalPopupExtender1').show();
            $object('ModalPopupExtender')._show();             
            Sys.Application.load.add(showPanel);            
 
       }
    }
 
<div id="PanelInfo">
   <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup" >
     <table>
       <tr>
         <td><asp:Label runat="server" ID="lblUserName" Text="User Name:"/></td>
         <td><asp:TextBox runat="server" ID="txtUserName" /></td>
       </tr> 
       <tr>
         <td><asp:Label runat="server" ID="lblPassword" Text="Password:"/></td>
         <td><asp:TextBox runat="server"  ID="txtPassword" TextMode="Password" /></td>
       </tr>
       <tr>     
         <td>
             <input id="OKButton" type="button" value="OK" onclick="test()" style="width: 53px"  /></td>
         <td></td>
       </tr>
    </table>       
  </asp:Panel>
 
 
 
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
            TargetControlID="Button1"
            PopupControlID="Panel1" 
            BackgroundCssClass="modalBackground" 
            OkControlID="OkButton"
            DropShadow="true"
            PopupDragHandleControlID="Panel3" BehaviorID="OrderDetailClient" />
 
 

Thanks very much in advance

Susan

[acoder]

Threads merged.