Running javascript whenever UpdatePanel refreshes

Question

I am using an asp.net update panel to refresh the content on a page when a menu item is selected.

Within the content that is updated are images which have a javascript reflection function which is triggered with the following line of code:

window.onload = function () { addReflections(); }

This runs fine when the page is first loaded but not when a menu item is selected and the update panel is run.

On previous projects using jquery code I have replaced document.ready with function pageLoad but there is no document.ready on this page.

Mark Holland · Accepted Answer · 2011-08-10 10:17:21Z

4

Like this:

<script>

        // ASP.NET AJAX on update complete   
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_endRequest(function(sender, args) {
           // your code here, eg initToolTips('/Common/images/global/popup3.gif');
        });

answered Aug 10, 2011 at 10:17

Mark Holland

8464 silver badges8 bronze badges

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

Comments

Russ Clarke · Accepted Answer · 2011-08-10 09:55:09Z

3

Basically, it's because that event isn't triggered by an update panel refresh.

There are ways to achieve this behaviour though, Ajax.Net has an EndRequestHandler function that you can hook into.

Here's a good example:

http://zeemalik.wordpress.com/2007/11/27/how-to-call-client-side-javascript-function-after-an-updatepanel-asychronous-ajax-request-is-over/

answered Aug 10, 2011 at 9:55

Russ Clarke

17.9k4 gold badges44 silver badges45 bronze badges

Comments

Marwan · Accepted Answer · 2011-08-10 10:14:56Z

1

i think u should use

function pageLoad(sender, arg) {
    if (!arg.get_isPartialLoad()) {
        // in first load only
    }
      //every time the update panel refreshed
 }

Regards

answered Aug 10, 2011 at 10:14

Marwan

2,4021 gold badge21 silver badges35 bronze badges

Comments

Matías Fidemraizer · Accepted Answer · 2011-08-10 09:55:01Z

0

Take a look to this event:

http://msdn.microsoft.com/en-us/library/bb383810.aspx

window.onload is fired when the entire page is loaded. UpdatePanel uses an AJAX approach, so whenever it's updated and round trip ends, the page remains loaded and only a portion of this has been updated.

In other words, you need to do that "when a request to the server ends".

answered Aug 10, 2011 at 9:55

Matías Fidemraizer

65.1k19 gold badges132 silver badges216 bronze badges

Collectives™ on Stack Overflow

Running javascript whenever UpdatePanel refreshes

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related