ansaurus

Question

Javascript file dependencies - Selective load resource files & prevent duplicates

Answer 1

+1 A:

If those controls don't need to share information between them, you could check out jQuery's method of using objects, wich ensures that if you name the main object differently, it would instanciate (not sure if this word exists) 2 variables refeering the same object.

yoda 2009-11-24 18:31:12

Answer 2

+1 A:

Probably easiest approach is to include the whole js resource library once when you are using one or both of the controls. This should be handled by your server side scripting (php etc.)

Store you <script src=".." > tag to head part of the page. When you are adding a new control to the page, check if head part already contains the required library, if not, then add the library. Do not include same libary more than once per page, if at all possible.

For example:

<html> 
  <head>
     <script type="text/javascript" src="/Webservice.asmx/js" />
  </head>
  <body>

    <h1>Control1</h1>

    <h1>Control2</h1>

  </body>
</html>

The optimal, in page load time sense, is to make three versions of the resource library. However this is most likely overkill.

version contains required parts for control A
version contains required parts for control B
version contains all required parts for controls A and B

Then you must select correct version depending if you are using control A, control B or both.

Juha Syrjälä 2009-11-24 18:33:45

Answer 3

+1 A:

Solved my issue with the following JS & jQuery code

if (thisResourceLoaded === undefined) 
{ 
    $.getScript('/Webservice.asmx/js');
    var thisResourceLoaded = true; 
}

Chris Ballance 2009-11-24 19:45:23

That'll do it. I was going to suggest `dojo.require` if you weren't using jquery.

Justin Johnson 2009-11-24 19:52:10

ansaurus

tags:

views:

answers:

Javascript file dependencies - Selective load resource files & prevent duplicates

related questions