[jQuery] JQuery Load() with callback functionality

[chris.j.p...@googlemail.com]

Hi,

I have a function that uses the ajax load function to post off some
parameters and fill a div with the returned content after a db query
has been run to create it. This all works fine, however I would like
to be able to rplace the div with a loading graphic whilst the content
is generated.

I assumed this was done by placing the graphic at the start of the
function, then using a callback function to remove it and display the
actual data once it has been fully generated...

However when I trey to implement this I am getting a strange result in
that the callback fires before the content is generated. So my loading
graphic disapears and then the content appears sometimes 10 seconds
later.

How can I ensure the call back only executes once the new content is
ready to be displayed ??

here's my code ...

function get_report()
{
       // Hide #report_here div and show loading graphic here ...

       $("#report_here").load("/admin/reports/statistics_report/",
        {
                // Parameters sent go here
        }, finished()
);

function finished()
{
        // Hide loading graphic and show #eport_here div here ...
}

Any ideas where Im going wrong ???

Many thanks

Chris P