XAJAX and showing a loading image

ChicoMendez

hi,

on a blog component im making i have a little calendar.
i have little buttons for next and previous months which are loaded via ajax.
however thing is i would like to show a loading image for 2 seconds before i spit out the calendar. however it wont seem to work cos i can only call
return $objResponse->getXML(); once .

heres my function



function NewMonth($m) {
$objResponse = new xajaxResponse();

$objResponse->addAssign("calendar", "innerHTML", '<img src="images/ajax-loader.gif"/>');
$ret=showCalendar($m);

$objResponse->addAssign("calendar", "innerHTML", $ret);
return $objResponse->getXML();
}


because the last call to addAssign is to assign the calenar then i dont see teh loading image.

anyone know how i can do this ?

tnx

Kudos

I won't know what the problem is until I at least see what showCalendar is supposed to do. I can tell you this, you should be using dom to add the image, not a string. You should also initialise the image variable for your loading icon at the very beginning, this way it'll have already downloaded the image. Post more code if you want more help.

Incidentally, a lot of ajax apps use setTimeout to give the image a second to display no matter how long the request takes.

ChicoMendez

Kudos wrote:

I won't know what the problem is until I at least see what showCalendar is supposed to do. I can tell you this, you should be using dom to add the image, not a string. You should also initialise the image variable for your loading icon at the very beginning, this way it'll have already downloaded the image. Post more code if you want more help.

Incidentally, a lot of ajax apps use setTimeout to give the image a second to display no matter how long the request takes.

HI
yes ive tryed settimeout,
but the problem is that $objResponse->getXML(); sends everything back to the page at once (as far as im aware) therefore the timeout is finished at that stage so i only see the calendar.
if i could use some sort of timeout that would sort my problem

tnx

ps : showCalendar() actually gets the html code for the specified months calendar

louie

did you try using onclick to change the div content to your image using innerHtml?