I was wondering if i could get any guidance on using javascript for pages that make use of a masterpage. To give a specific example i would like to implement the delay load described by Matt Berseth here: http://mattberseth.com/blog/2007/07/delay_load_an_updatepanel.html. In the example he implements a lot of javascript that is specific to the page so i don't think it makes sense to add it to a script library. But how do i use it in a page inherited from a master page. The js is specific to the content of the page so i would not want to put it in the master page and you can't add a <script> </script> to content pages. It als seems tedious to use a stringbuilder and registerclientscriptblock from the code-behind (seems like i remember reading that this could be a problem with Ajax enabled pages anyway). So how are people managing ajax w/ custom js in content pages? Any pointers greatly appreciated.

Thanks,

Kevin

Kevin.McPhail:

 and you can't add a <script> </script> to content pages.

You most certainly can!  Typically I place it right after the <asp:Content> tag at the top of the page.  Just a few things to remember, if you are going to reference server controls in your javascript, use the client ID to reference the control such as:

    document.getElementById('<%= MyControl.ClientID %>').value

rather than

    document.getElementByID('MyControl').value.

Because IDs get mangled/changed a bit by the master/content system.  Also, if you have a scriptmanager or scriptmanagerproxy on your content page, place your scripts after that.

Holy smokes! I feel like an idiot. Can't believe i did not try that before posting.