[Javascript] Multiple ajax calls onload

[Scott Reynen]

On Jul 25, 2007, at 10:42 AM, Murphy, Matt wrote:

> All,
>
> I thought I had this ingenious idea, to make a slow-loading page load
> faster, I'd break up the sections into divs, and then call a series of
> ajax functions to populate those divs asynchronously.
>
> Problem is, only the last one called shows up. I can see in the  
> firefox
> error log that both document.getElementById 
> ('mydiv').innerHTML="myhtml"
> calls ran, (the output of the php scripts called) but only one showed
> up.

It's hard to know without looking at your ajaxme() function, but if  
both calls are setting innerHTML on the same div, the last one to run  
is overwriting all the others.  It would be better to change that to  
something like this (untested):

var newDiv = document.createElement( 'div' );
newDiv.innerHTML = "myhtml";
document.getElementById('mydiv').appendChild( newDiv );

Also, please don't use "Reply" to start a new thread.  Some of us are  
using threaded email clients that get confused by that.

Peace,
Scott