Executing code after function has finished loading?

[GuitarGod]

Hi everyone,

 

I'm having a bit of trouble with something. Basically I have a JavaScript function that will load page elements such as tables and divs. Straight after this function I have some code to populate these loaded elements with data. If you can imagine:

 

load_elements();
document.getElementById( 'element1' ).innerHTML = ...
document.getElementById( 'element2' ).innerHTML = ...
And so forth

 

The problem is that the data won't populate because the elements haven't finished loading - it's fine if I put a delay on the population code, but is there any better alternative such as telling JavaScript not to execute the population code until the load_elements(); function has finished?

 

Thanks for any and all help

[requinix]

Yes: put it into load_elements() instead. Specifically, put it at the end of the bit that loads (asynchronously I assume) the tables and divs.

[GuitarGod]

Worked a treat, thank you