Refreshing Multiple Divs Ajax HELP!

[paulupnorth]

Hi Guys and Gals,

Thanks for taking your time to have a look.

I am using this:

 <script type="text/javascript">

                     function Ajax()
                     {
                             var
                                    $http,
                                    $self = arguments.callee;

                             if (window.XMLHttpRequest) {
                                    $http = new XMLHttpRequest();
                             } else if (window.ActiveXObject) {
                                    try {
                                            $http = new ActiveXObject('Msxml2.XMLHTTP');
                                    } catch(e) {
                                            $http = new ActiveXObject('Microsoft.XMLHTTP');
                                    }
                             }

                             if ($http) {
                                    $http.onreadystatechange = function()
                                    {
                                            if (/4|^complete$/.test($http.readyState)) {
                                                  document.getElementById('refreshthis').innerHTML = $http.responseText;
                                                    setTimeout(function(){$self();}, 5000);
                                            }
											
                                    };
                                    $http.open('GET', 'test.asp' , true);
                                    $http.send(null);
                             }
							 

                     }
    

             </script>


 <script type="text/javascript">
                     setTimeout(function() {Ajax();}, 5000);
             </script>

To refresh a div on my page called refreshthis, I would like to refresh multiple divs on the same page (refreshthis and refreshthis2) but my attempts have failed miserably.

Thanks for your time and any help in advance!

[jscheuer1]

Well, if that works for one, this should work for two:

<script type="text/javascript">
function Ajax(url, id){
	var $http = null;

	if (window.XMLHttpRequest) {
		$http = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		try {
			$http = new ActiveXObject('Msxml2.XMLHTTP');
		} catch(e) {
			try {$http = new ActiveXObject('Microsoft.XMLHTTP');} catch(e){$http = null;}
		}
	}

	if ($http) {
		$http.onreadystatechange = function(){
			if (/4|^complete$/.test($http.readyState)) {
				document.getElementById(id).innerHTML = $http.responseText;
			}
		};
		$http.open('GET', url + '?bustcache=' + new Date().getTime(), true);
		$http.send(null);
	}

}
</script>
<div id="refreshthis"></div>
<div id="refreshthis2"></div>
<script type="text/javascript">
setInterval(function(){Ajax('test.asp', 'refreshthis');}, 5000);
setInterval(function(){Ajax('test2.asp', 'refreshthis2');}, 5000);
</script>