Execute JQuery after ASP.Net Microsoft AJAX

Question

I'm trying to execute JQuery after an ASP.Net Microsoft AJAX post back.

When a user clicks on a link, Microsoft AJAX is used to update some fields in the DB and if success a label appears informing the user the change has been made. Unfortunately the label is not very obvious and I would like to use to fade the background from red to white.

The problem is that when visible=false is set on the label, the resulting html does not include the label(span). Does anyone know how to execute JQuery after an ASP.Net Microsoft AJAX post back, or another solution to achieve the same affect?

@Alison yes I'm using UpdatePanels, I also have one than one Microsoft AJAX link/method on each of the panels — TheLukeMcCarthy
– TheLukeMcCarthy, Commented Jun 6, 2011 at 16:25

Nikhil · Accepted Answer · 2011-06-07 09:09:41Z

2

This is how you can execute a random javascript after an ASP.NET Ajax postback

function executeThis(){
//code here to fade in out the label that comes


var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.remove_pageLoaded(executeThis); //job done, remove this so that it is not fired again.
}


$("link").click(function(){
                var prm = Sys.WebForms.PageRequestManager.getInstance();
                prm.add_pageLoaded(executeThis); //this will register executeThis function with MS Ajax libraries which will fire it after next posback
               //the post back happens here.
  });

edited Jun 7, 2011 at 9:09

answered Jun 6, 2011 at 16:11

Nikhil

3,3842 gold badges32 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

TheLukeMcCarthy Over a year ago

@Nikhil how would I know which method had been fired?

Nikhil Over a year ago

The method named "executeThis" will be fired. Basically teh idea is to register a callback function (called whatever you like) with MS Ajax scripts and have the scripts fire that function on the next postback once the page has been loaded.

TheLukeMcCarthy Over a year ago

@Nikhil Sorry I re-read my comment and it very clear. What I meant was how do I know which MS Ajax method was called. I only want the JQuery to execute if a particular link is clicked on. Or should I wrap the add_pageloaded in $('linkName').clicked

Nikhil Over a year ago

Actually the other way round. I am updating the answer to (hopefully!) solve this problem

TheLukeMcCarthy Over a year ago

@Nikhil that works, except if the link is clicked on a second time the function isn't called.

|

tremorscript · Accepted Answer · 2011-06-06 16:27:20Z

2

You could try this in the postback

ScriptManager.RegisterStartupScript(Me.Form, Me.GetType(), "FunctionName", "FunctionName();", True)

This will call the javascript function FunctionName() sfter the postback is complete

answered Jun 6, 2011 at 16:27

tremorscript

6431 gold badge5 silver badges13 bronze badges

Comments

Ian Devlin · Accepted Answer · 2011-06-06 16:30:51Z

2

Sort of the same as what @Nikhil has said, something very similiar and what I always use:

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(functionName)

Where functionName is the name of the function containing whatever you want called. This ensures that the function is called whenever the page/panel is reloaded/refreshed.

answered Jun 6, 2011 at 16:30

Ian Devlin

18.9k6 gold badges59 silver badges73 bronze badges

Comments

NakedBrunch · Accepted Answer · 2011-06-06 16:43:49Z

0

Here is a bit of pseudocode to get you going:

If no success, keep the asp:Label visible property = true but give it a CSS class with display set to none
On page load, execute the following:

ScriptManager.RegisterStartupScript(Me.Form, Me.GetType(), "ShowError", "ShowError();", True);
In your Javascript, add the following:

function ShowError() { $('#myLabelID').show().fadeOut(); }

answered Jun 6, 2011 at 16:43

NakedBrunch

49.5k14 gold badges75 silver badges98 bronze badges

Collectives™ on Stack Overflow

Execute JQuery after ASP.Net Microsoft AJAX

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related