Ajax - createElement Duplicating Anchors

[jenkinsloveschicken]

Good afternoon. I am new to Ajax, and seem to have an issue in my use of createElement. Here is the code:

  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==1)
      {
      var processing = document.createElement('img');
      processing.setAttribute('src', 'img/loading_main.gif');
      document.getElementById("empReport").appendChild(processing);
      }
    if(xmlHttp.readyState==4)
      {
      document.getElementById("empReport").innerHTML=xmlHttp.responseText;
      }
    }
 

This is integrated with an existing classic ASP reporting application. It works to display the processing image, but duplicates the <img> anchor and I have tried and failed to determine why.

I am hoping someone can give me some insight on what I am doing wrong here.

Best Regards,
Jenkins

[acoder]

It's duplicating it because you're creating a new image element each time. If all you want to do is display it, get the element by its ID and then set the display property:

document.getElementById("imgID").style.display = 'block';

[jenkinsloveschicken]

Thank you for your assistance. Worked like a charm!

[acoder]

You're welcome. Glad it did!