Nathan ExperimentGarden

## 4_setFoo.js
fooNamespace.foo = 'Not yet set.';

fooNamespace.setFoo = function(bar)
{
  fooNamespace.foo=bar;
}

## 4_outputFoo.js
fooNamespace.outputFoo = function()
{
  alert(fooNamespace.foo);
}

## 4_includer.html
<html>
  <head>
    <title>Ajax JavaScript Includer</title>
    <script type='text/javascript' src='jquery-1.3.2.min.js'></script>

    <script type='text/javascript'>

      //We have to declare a global object that we will use as a namespace for storing
      //the eval loaded functions and variables, otherwise they will only exist within
      //the scope of the ajax response function, which is be useless.

## 2_loaderProblem2.html
<html>
  <head>
    <title>Ajax JavaScript Loader</title>
    <script type='text/javascript' src='jquery-1.3.2.min.js'></script>

    <script type='text/javascript'>
      //Sadly internalFunction can not be accessed here, only with the scope of the
      //success function in which it was created using eval();
      function nonScope()
      {

## 2_loaderProblemIdentified.html
<html>
  <head>
    <title>Ajax JavaScript Loader</title>
    <script type='text/javascript' src='jquery-1.3.2.min.js'></script>

    <script type='text/javascript'>
      //Sadly internalFunction can not be accessed here, only with the scope of the
      //success function in which it was created using eval();
      function nonScope()
      {

## 2_setFoo.js
var foo = 'test';

function setFoo(bar)
{
  foo=bar;
}

## 2_outputFoo.js
function outputFoo()
{
  alert(foo);
}

## 2_includer.html
<html>
  <head>
    <title>Ajax JavaScript Includer</title>
    <script type='text/javascript' src='jquery-1.3.2.min.js'></script>

    <script type='text/javascript'>

      //The list of loaded resources.
      var loaded = new Array();


## 1_loader.js
function internalFunction()
{
  alert("Success.");
}

## 1_loader.html
<html>
  <head>
    <title>Ajax JavaScript Loader</title>
    <script type='text/javascript' src='jquery-1.3.2.min.js'></script>

    <script type='text/javascript'>
      $.ajax({type: "GET",
              url: "1_loader.js",
              success: function(responseText)
              {
	fooNamespace.foo = 'Not yet set.';

	fooNamespace.setFoo = function(bar)
	{
	fooNamespace.foo=bar;
	}
	fooNamespace.outputFoo = function()
	{
	alert(fooNamespace.foo);
	}
	<html>
	<head>
	<title>Ajax JavaScript Includer</title>
	<script type='text/javascript' src='jquery-1.3.2.min.js'></script>

	<script type='text/javascript'>

	//We have to declare a global object that we will use as a namespace for storing
	//the eval loaded functions and variables, otherwise they will only exist within
	//the scope of the ajax response function, which is be useless.
	<html>
	<head>
	<title>Ajax JavaScript Loader</title>
	<script type='text/javascript' src='jquery-1.3.2.min.js'></script>

	<script type='text/javascript'>
	//Sadly internalFunction can not be accessed here, only with the scope of the
	//success function in which it was created using eval();
	function nonScope()
	{