Is there a way to programatically trigger the loading of "references" (client side javascript libraries)? Looking through the current Atlas code, it looks like the reference loading stuff only covers loading static references defined in XML Script.

hello.

not really sure if it is this that you want, but...

here's a sample page that shows how you can load a script through a path or through the ScriptName property:







Protected Overrides Sub OnLoad(ByVal e As System.EventArgs)
MyBase.OnLoad(e)

Dim ref As New Microsoft.Web.UI.ScriptReference()
ref.Path = "~/ScriptLibrary/Atlas/Debug/AtlasUIGlitz.js"
manager.Scripts.Add(ref)

Dim ref2 As New Microsoft.Web.UI.ScriptReference()
ref2.ScriptName = FrameworkScript.AtlasUIDragDrop
manager.Scripts.Add(ref2)

End Sub




Untitled Page

Sorry, my original post wasn't clear. I'd like to do this entirely on the client side - no server-side code at all.

hello.

can you tell us what you're trying to achieve? if we know, then maybe we can help you...

Imagine, for example, an app that dynamically loads different parts of it's functionality (broken up into separate .JS files) on the fly based on what a user is doing. The script on the page would need to tell the browser to load the correct scripts dynamically, without posting back to the server.

There's a bunch of code the XML script parser that does this sort of dynamic script loading while parsing the <references> section. But I don't see an API for on-demand script loading outside of that. Perhaps I should submit an enhancement request.

Atlas doesnot provide anything yet. You can use something like this:

    window.ScriptLoader = new function()
    {
        var queuedScripts = new Array();
        var currentScript = null;
        
        function onScriptLoaded()
        {
			//Load next
			doScriptLoad();			
        }
        
        function onScriptError()
        {
			//Invoke the error handler
			if (this.errorHandler)
				this.errorHandler.invoke();
			
			//Load next
			doScriptLoad();
        }
		
		function onScriptReadyStateChange()
		{
			if(event.srcElement.readyState == "complete" ||
				event.srcElement.readyState == "loaded")
				onScriptLoaded();
		}
		                
        this.loadScript = function(scriptPath)
        {
			queuedScripts.push(scriptPath);
			
			if (currentScript == null)
				doScriptLoad();
        }
		
		//Does the actual script loading
		function doScriptLoad()
		{
			if (currentScript)
			{
				currentScript.onload = onScriptLoaded; //For Mozilla/Opera
				currentScript.onerror = onScriptError; //For Mozilla/Opera
				currentScript.onreadystatechange = onScriptReadyStateChange; //For IE
			}
			
			if (queuedScripts.length == 0)
				return;

			currentScript = document.createElement("SCRIPT");
			
			currentScript.onload = onScriptLoaded; //For Mozilla/Opera
			currentScript.onerror = onScriptError; //For Mozilla/Opera
			currentScript.onreadystatechange = onScriptReadyStateChange; //For IE
			currentScript.src = queuedScripts.pop();
			currentScript.type = "text/javascript";
			document.getElementsByTagName('head')[0].appendChild(currentScript);
		}
    }

It loads scripts in a fashion similar to Atlas.

For the record, the March CTP has added a new ScriptLoader class that looks like it does just was I'm looking for. Cool stuff!