Scrolla då ajax laddat klart

Jag önskar scrolla ner i en div (som fylls av en ajax-funktion) då den är färdigladdad. Bifogad kod känns som om det skulle fungera, men det gör den inte. Hur kan man åstakomma detta?

function updatePlan() {
  var xmlHttp
  try{
    xmlHttp=new XMLHttpRequest();
  }catch (e){
    try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }catch (e){
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }catch (e){
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4) {
      document.getElementById('plan').innerHTML=xmlHttp.responseText;
      document.getElementById('mainContent').scrollTop = 200;
    }
  }                                                                             
  url = "plan.php"
  xmlHttp.open("GET",url,true)
  xmlHttp.setRequestHeader(
        "Content-Type",
        "text/html; charset=iso-8859-1");
  xmlHttp.send(null)

Hur ser HTML-koden ut?

Hmm, den är lång, den vill du inte se :)

plan är en div som ligger i mainContent, som också är en div. Det är mainContent som jag vill scrolla när texten har laddats in i plan.

Följande fungerar för mig:

<form>
 <input type=button onclick="document.getElementById('d').scrollTop=20">
</form>
<div id="d" style="background:red;overflow-y:auto;height:50px;width:60px">
 <div style="background:green">a<br>b<br>c<br>d</div>
</div>

Ja, men det är inte om scrollTop fungerar eller ej som är frågan. Frågan är hur jag ska kunna köra en funktion 'onComplete'. Dvs när den andra är klar.

Du vill köra en funktion när onreadystatechange är klar?

Precis

Lägg in anropet i

  xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4) {
      document.getElementById('plan').innerHTML=xmlHttp.responseTe  xt;
      document.getElementById('mainContent').scrollTop = 200;
      [b]code goes here...[/b]
    }
  }