Ajax iler loading resmi çikartma ???

[turkwebmaster]

Merhaba,

oncelikle 10-15 mesaj once boyle bir konu gecmis ama o tam olarak benim aradigim degil, sadece resimler acilinca duran bir fonksiyondu. Benim istedigimde, bir içerik tamamen yuklendikten sonra o resimin kapanmasi gerekiyor.

soyleki:



js.js:
var locked = false;
var Http = {
get: function(uri, callback, id) {
try {
var http = Http.createInstance();
http.onreadystatechange = function() {
if (http.readyState == 4 && http.status == 200 && callback) {
callback(http.responseText, id);

}
return true;
};
http.open("GET", uri, true);
http.send(null);
}
catch(e) {
window.alert("Http.get: " + e.toString());
}
return false;
},
createInstance: function() {
var o = null;
if (!!window.XMLHttpRequest) {
try { o = new XMLHttpRequest(); } catch (e) { o = null; }
}
else if (!!window.ActiveXObject) {
try {o = new ActiveXObject("Msxml2.XMLHTTP.4.0"); } catch (e) {
try {o = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e) {
try {o = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
try { o = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {
try { o = new ActiveXObject("MSXML.XMLHTTP"); } catch (e) {
try { o = new ActiveXObject("MSXML3.XMLHTTP"); } catch (e) { o = null; }
}
}
}
}
}
}
return o;
}
};

function callServer(datei, id) {
if(!locked) {
Http.get("template/api.php?file=" + datei + "&id=" + id, callback, id)
locked = true;

} else {
alert("Gleichzeitiges Ändern ist untersagt.");
}
}

function callback(response, target) {
var div = document.getElementById("msg_" + target);
div.innerHTML = response;
}



bu linkle basildiktan sonra baska sayfadan icerik e1 id sine sahip divin icine cagiriliyor.

link:


<span class="editbutton" onclick="callServer('datei','e1');"><b>[ Edit ]</b></span>






bu kodda icerik cagirilirken bir loader resim dosyasi sayfada gozuksun istiyorum. ve icerik resim veya text leriyle birlikte tam olarak dolunca cagirilinca yani kapanmasini istiyorum.

bunu nasil yapabilecegim konusunda bana yardimci olabilirmisiniz.

tesekkur ederim...