Passing variable from function to html body...

Hi,

Can someone help me pass a variable from a function in a header to the
body of an html page.

Header Code:
function doLoad()
{
xml = new XMLHttpRequest();

xml.onreadystatechange = function()
{
var elem = null;
var rss_url = null;
var edgerssfeed = null;
var settings = null;
var rssData = null;

if( xml.readyState == 4 )
{
settings =
xml.responseXML.documentElement.getElementsByTagNa me( 'edgerssfeed' );

for( var c = 0; c < settings.length; c++ )
{
rss_url = settings[c].getElementsByTagName( 'url' )
[0].textContent;

elem = document.createElement( 'div' );
elem.innerText = rss_url;
document.getElementById("edge_rss_feed").appendChi ld( elem );
rssData = new Spry.Data.XMLDataSet(rss_url, "rss/channel/item");
}
}
}

xml.open( 'GET', 'settings.xml', true );
xml.send( null );
}



body code:
<div spry:region="rssData">
<table width="100%">
<tr spry:repeat="rssData">



I've left a few things out, but this is the basics of it..


Basically I need to pass the rssData variable from the function to the
SPRY:REPEAT (SPRY:REGION) code in the html body.

If I put the:
rssData = new Spry.Data.XMLDataSet(rss_url, "rss/channel/item");

by itself and not in a function (with rss_url = the actual url) it
works.

Many thanks,
Shannon