AJAX и анимация во время загрузки
Здравствуйте! Есть такой код:
function getXmlHttpRequest(){
if(window.XMLHttpRequest)
{
try{return new XMLHttpRequest();} catch (e){}
}
else if(window.ActiveXObject)
{
try{return new ActiveXObject('Msxml2.XMLHTTP');} catch (e){};
try {return new ActiveXObject('Microsoft.XMLHTTP');} catch (e){};
}
return null;
};
function formRedactor(){
var request = getXmlHttpRequest();
request.onreadystatechange = function (){
if (request.readyState == 4) {
if (request.status == 200){
var result = document.getElementById("result");
result.firstChild.nodeValue = request.responseText;
}
else alert("Произошла ошибка! Попробуйте обновить страницу. ");
}
}
if(document.form.titley.checked){titley="checked"}else{titley=""};
if(document.form.titlechrt.checked){titlechrt="checked"}else{titlechrt=""};
if(document.form.positionf.checked){positionf="checked"}else{positionf=""};
if(document.form.titleal[0].checked){titleal="left"} else if(document.form.titleal[1].checked){titleal="center"} else if(document.form.titleal[2].checked){titleal="right"};
var data = "titley="+titley+"&titlechrt="+titlechrt+"&positionf="+positionf+"&title="+document.form.title.value+"&titleal="+titleal;
request.open("POST", 'form.php', true);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=windows-1251");
request.setRequestHeader("Content-Length", data.length);
request.send(data);
}
Вопрос: как мне сделать так, чтобы на время загрузки и изменений появлялся текст "Загрузка" в id="result" ?Возиожно ли это без jquery???