Javascript/Ajax - Adding a Loader

[Lemon]

Hey Guys,

How would you add a loader to
http://www.dynamicdrive.com/dynamici...jaxcontent.htm
Like so when it is loading the content it has an image saying loading or something.

Thanks.

[Lemon]

Can anyone at all help ?

[Lemon]

I really need help.. Like putting this in (but I don't know where to put it and make it work)

$('').innerHTML = "<center><img src=''images/loading.gif"></center>";

[Lemon]

These forums are useless, Haven't even got a reply..

[Nile]

Try replacing:

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
}

With:

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

[Nile]

Well... I've replied - and no response?

[Lemon]

Try replacing:

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
}

With:

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

That's exactly what I wanted!

Thank you so much!!!

[Nile]

Glad to help you! Your welcome!

It seems your topic is solved... Please set the status to resolved.. To do this:
Go to your first post ->
Edit your first post ->
Click "Go Advanced" ->
Then in the drop down next to the title, select "RESOLVED"