How to add a Ajax loading GIF in the ajax content script?

[onigetoc]

1) Script Title:

2) Script URL (http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm):

3) Describe problem: Not really a problem, adding ajax loading images

Any idea, How to add a Ajax loading GIF in the ajax content script?

I tryed reading other .js file on dynamic drive but i din't find out.

Thank you

[thetestingsite]

Try this. In the javascript that goes in the head of the document, find this function:



function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}


and replace it with this:



function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
document.getElementById(containerid).innerHTML=page_request.responseText
}

else {
document.getElementById(containerid).innerHTML = '<img src="loading.gif"> Loading Content...';
}
}


Change the part in red to your "Loading Message" and the location of the image. Hope this helps.

[onigetoc]

Working great :)
thank's a lot