Question

I’m starting to use more and more jquery. I’m working with dialogs, and each dialog (including javascript) is taking upwards of 20-30 lines of code. There’s a few pages where I’ll have over 5 dialogs. This gets ugly fast. I haven’t even begun to get into sliding interfaces or calendar controls yet.

I have more of a PHP background… and in these situations i’d be moving things to an “include” file. I can see that working for items such as jquery-dialogs in ASP.NET, but when I start adding jquery features to actual ASP.NET form items.. that won’t be an option (as far as I know).

How can I keep the extra javascript and extra floating divs from cluttering up my ASPX files too bad?

I’m prepared to partition the ASPX file into well documented, distinct sections… this just results in a very “tall” file. Any better solutions?

Thanks.

Answer 1

Let’s see…

1. Since you are using jQuery, you must know the script src syntax already to include javascript files, so I assume this is not the problem :).

2. For those pesky crazy looking control ID that ASP.NET create…
   cache them in a JavaScript global variable at the end of the page… like:

   <script>
     ControlIDs = {
       SaveButton = '<%=SaveButton.ClientID%>',
       BlahTextBox = '<%=BlahTextBox.ClientID%>'
     }
   </script>
   

And in your separate jQuery code file, do…

$(ControlIDs.SaveButton).Whatever()

3. Instead of using the ASP.NET control ID, maybe you want to try using the CSS Class Name as selector in jQuery to get to a particular control (treat class name as control Id), might not be an ideal idea, but it could work.

Any of these should allow you to do some degree of Javascript separation.