ASP.NET AJAX Control Toolkit

Re: Modal Popup - on show

Rjb23 — Thu, 07 Jun 2007 12:47:11 GMT

Actually I found the problem it was a boolean flag in my javascript that was not being reset. Thanks!

Re: Modal Popup - on show

Jason Hill — Wed, 06 Jun 2007 23:03:24 GMT

The code for the page would help because it is pretty hard to know what might be causing this without seeing the code.

Re: Modal Popup - on show

Rjb23 — Wed, 06 Jun 2007 12:48:51 GMT

Thanks, I got it to work. Now I have another problem though. When my popup is shown I have some javascript that runs. The first time it runs fine, but if you hide the popup and show it again and try to run the javascript again it does not run. I don't get any script errors and the script will work fine on a page without the modal popup. Any ideas?

Re: Modal Popup - on show

Jason Hill — Tue, 05 Jun 2007 21:00:02 GMT

Try using:

modalPopup.add_shown(SetFocusOnControl);

This will fire your function *after* the modalpopup is shown.

Re: Modal Popup - on show

Rjb23 — Tue, 05 Jun 2007 17:51:51 GMT

I'm having a problem getting this to work, I've tried it and I get an error message.

Error : Can't move focus to the control because it is invisble, not enabled, or of a type that does not accept focus.

Here is my code,

<script type="text/javascript">


Sys.Application.add_load(modalSetup);
function SetFocusOnControl()
{
    // set the focus with javascript, e.g.: window.getElementById("xyz").focus();
    document.getElementById("txt1").focus();
}
function modalSetup()
{
    var modalPopup = $find('popup1');             // <. this is the BehaviorID from the ModalPopupExtender
    modalPopup.add_showing(SetFocusOnControl);          
}
<asp:Button ID="btn1" runat="server" Width="80px" CausesValidation="false"
                    Text=" Swipe Card " Visible="false" />  <asp:Button ID="btnManual" runat="server"
                        Width="90px" Text=" Manual Entry " Visible="false" />               
                <ajaxToolkit:ModalPopupExtender ID="popup1" runat="server" TargetControlID="btn1"
                    PopupControlID="pnl1" BackgroundCssClass="modalBackground" DropShadow="true" BehaviorID="popup1" />
<asp:Panel ID="pnl1" runat="server" CssClass="modalPopup" style="display:none;" Width="310">
        <table cellpadding="1" cellspacing="0" width="300" border="0" align="center">						
				<tr>
					<td>
						<textarea rows="1" cols="10" id="txt1" onkeyup="CheckSwipe();" style="color:White;scrollbar-base-color: #FFFFFF;" class="hiddenScrollbars"></textarea>
					</td>					
				</tr>
				
			</table>
</asp:Panel>

Re: Modal Popup - on show

Codematic — Wed, 25 Apr 2007 11:12:29 GMT

This works perfect for me.

Thank you very much

Re: Modal Popup - on show

zootius — Wed, 11 Apr 2007 11:59:57 GMT

Jason's right. Took me a while to realise this too, but Ajax.Net registers some new client-side event handlers, so if you have a javascript function called pageLoad(), it gets called automatically after Ajax.net has finished doing its own onLoad stuff.

More info here: http://ajax.asp.net/docs/overview/AJAXClientEvents.aspx

Re: Modal Popup - on show

Jason Hill — Wed, 11 Apr 2007 07:15:01 GMT

See my post above that shows how you add this to a function called pageLoad that gets called when the page is loaded.

Re: Modal Popup - on show

Codematic — Wed, 11 Apr 2007 07:02:47 GMT

zootius:

You then hook up the Client Object's shown() handler to the function of your choice:

$find('ModalWin_Extender_ClientObject').add_shown(jsYourFunction);

where do I have to insert this line? In the body: onload() event?

Re: Modal Popup - on show

zootius — Wed, 04 Apr 2007 15:36:47 GMT

Oh and by the way - server-side, you can set control focus using this:

ScriptManager.GetCurrent(this.Page).SetFocus(txtMyTextBox);

Re: Modal Popup - on show

zootius — Wed, 04 Apr 2007 15:29:06 GMT

Note that the ModalPopupExtender has a BehaviorID property to give you a javascript object handle:

    <ajx:ModalPopupExtender
        ID="ModalWin_Extender"  
        BehaviorID="ModalWin_Extender_ClientObject"
        TargetControlID="lnkNull" 
        PopupControlID="ModalWin"
        runat="server">
    </ajx:ModalPopupExtender>

You then hook up the Client Object's shown() handler to the function of your choice:

$find('ModalWin_Extender_ClientObject').add_shown(jsYourFunction);

Re: Modal Popup - on show

Jason Hill — Wed, 14 Feb 2007 22:32:35 GMT

Put an alert() call into the SetFocus method to confirm whether it is actually being called.

Re: Modal Popup - on show

David Anson — Wed, 14 Feb 2007 22:10:14 GMT

Make sure your client-side $get method is using the *client* ID of the target instead of the *server* one - they're different due to the naming container a Master Page adds.

Re: Modal Popup - on show

tampadotnet — Wed, 14 Feb 2007 20:25:12 GMT

I should also mention that I am doing a server-side Show() of the ModalPopupExtender. I have verified in the debugger that the add_shown function runs, but the associated function to set the default focus never gets called when the extender is shown. Thanks.

Re: Modal Popup - on show

tampadotnet — Wed, 14 Feb 2007 20:14:05 GMT

I tired this on a content page and my SetFocus method never gets called. Is there any reason why this wouldn't work in a master page environment?