Calling Javascript after UpdatePanel has done partial postback

AlexW · February 4th, 2012, 12:19 PM

I'm using javascript on my page to limit the characters that can be entered on a multiline text box:

Code:

<script type="text/javascript">
         $(function Comments() {
             var limit = 300;

             $('textarea[id$=txtAdditionalComments]').keyup(function () {
                 var len = $(this).val().length;
                 if (len > limit) {
                     this.value = this.value.substring(0, limit);
                 }
                 $('#spn').text(limit - len + " characters left");
             });
         });
    </script>

My counting control that gets refreshed is:

Code:

<cc1:TextBoxCounter ID="TextBoxCounter1" runat="server" TextBoxControlId="txtAdditionalComments" DataFormatString="({1}/300 characters)" />

My problem is I have update pannels elsewhere on the page which, when refreshed, stops this from running. I can see lots of solutions online for this but not being a javascript guru I just can't seem to get it to work.

I have tried using this in code behind on the page postback:

Code:

ScriptManager.RegisterStartupScript(TextBoxCounter1, TextBoxCounter1.GetType, "Comments()", "Comments()", True)

But no luck. Can anyone tell me how I can get this working??

irProject · February 13th, 2012, 07:35 AM

Hi my friend

see this link

http://stackoverflow.com/questions/1...panel-postback

Gideon A Brits · January 16th, 2013, 11:48 AM

Quote:

Originally Posted by irProject

Hi my friend

see this link

http://stackoverflow.com/questions/1...panel-postback

Works like a charm! Thank you!

I have a listview within an updatepanel that uses a datapager. To get to the top of the page after a partial postback the code below works:

<script type="text/javascript">

function scrollWindow() {
window.scrollTo(0, 0);
}

function pageLoad(sender, args) {
scrollWindow()
}
</script>