الصورة التي تظهر قبل تحميل النتيجة- الاجاكس

الهدف من هذا الكود التحقق من ان البيانات قد ادخلت في الفورم ولي فارغا

قمت بكتابة هذا الكود يعمل جيدا من ناحية التحقق ولكن المشكلة

ان الصورة التي تظهر قبل تحميل النتيجة تظهر بعد النتيجة :resentful:

كيف احل هذه المشكلة

وهذا هو الكود

function makeObject() {
var x;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer") {
x = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
x = new XMLHttpRequest();
}
return x;
}

var request = makeObject();

function post_method() {

var name = sample_form.name.value;
var address = sample_form.address.value;
var day = sample_form.day.value;
var month = sample_form.month.value;
var year = sample_form.year.value;
var F1 = sample_form.F1.value;
var username = sample_form.username.value;
var password = sample_form.password.value;

request.open('post', 'InsertEmployee.php');
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.onreadystatechange = output;
request.send('name='+name+'&address='+address+'&day='+day
+'&month='+month+'&year='+year+'&F1='+F1
+'&username='+username+'&password='+password);
}

function showLoadingImage() {
document.getElementById('load_msg').innerHTML = "<img src='x.gif' /> Looding ...";
}

function output() {

if(request.readyState == 1) {
window.setTimeout('showLoadingImage()', 10000);
}

if(request.readyState == 4) {
var errors = request.responseText;
document.getElementById('load_msg').innerHTML = errors;
}

}

ارجوكم المساعدة وشكرا