Refresh table content if pressed

[mart94]

Hi!

 

I found from internet this code:

var page = "#";
function ajax(url,target)
{
    // native XMLHttpRequest object
   document.getElementById(target).innerHTML = '<img src="lgsl_files/other/loading.GIF" width="25" height="25"> Serveri Uuendamine';
   if (window.XMLHttpRequest) {
       req = new XMLHttpRequest();
       req.onreadystatechange = function() {ajaxDone(target);};
       req.open("GET", url, true);
       req.send(null);
   // IE/Windows ActiveX version
   } else if (window.ActiveXObject) {
       req = new ActiveXObject("Microsoft.XMLHTTP");
       if (req) {
           req.onreadystatechange = function() {ajaxDone(target);};
           req.open("GET", url, true);
           req.send();
       }
   }
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:\n" +
req.statusText;
}
}
}

It refreshes content, if i click button or image, what have

onclick="ajax(page, 'scriptoutput')"

And refreses content of table what have

id="scriptoutput"

But, the table moves down, if i press onclick="ajax(page, 'scriptoutput')" button, and stays there, it refreshes well, but i want to table be in one place. Hope you understand, if not, see attached picture.

 

[attachment deleted by admin]