Najpierw outfading, poten ajax+innerHTML, potem infading, Jquery Opcje

[expert]

Mam taki kod:

[HTML] pobierz, plaintext 
function aktualnosci(){ 
$("#bodys").fadeOut("700");
ajax_obiekt = typeof XMLHttpRequest == "undefined"?new ActiveXObject('Microsoft.XMLHttp'):new XMLHttpRequest();
 
 if(ajax_obiekt) 
 {
  var doda = '&a='+new Date().getTime();
   ajax_obiekt.open("POST", '../ajax.php?mode=aktualnosci'+doda);
 
ajax_obiekt.onreadystatechange = function() 
{
		if (ajax_obiekt.readyState == 1) {
			document.getElementById('loadbodys').style.display="";
			}
		if (ajax_obiekt.readyState == 4) {
            if (ajax_obiekt.status == 200) {
			document.getElementById('loadbodys').style.display="none";
			document.getElementById('bodys').innerHTML=ajax_obiekt.responseText;
$("#bodys").fadeIn("700");
			}
        }
} 
 
ajax_obiekt.send(null); } 
}
[HTML] pobierz, plaintext 

Chodzi o to, że chce, żeby był najpierw outfading, potem ajax z pobraniem treści strony i podmiana w id="bodys", i potem infading.

Jednak niby wszystko dobrze działa, ale okazuje się, że podczas znikania jest zamieniana teść strony. Jak to rozwiązać?

[singles]

Jeśli już używasz jQuery, to dlaczego nie użyć wbudowanych w niego metod do obsługi AJAXa? Będzie prościej.

Zakładam, że obiekt którego treść podmieniasz ma id 'bodys', to może iść mniej więcej tak:

Kod

$('bodys').fadeOut(700, function() {
    var doda = '&a='+new Date().getTime();
    $(this).load('/ajax.php?mode=aktualnosci' + doda, function() {
        $(this).fadeIn(700);
    }    
}

Z tego co widzę w Twoim kodzie, to wysyłasz żądanie POSTem. U mnie napisałem za pomocą load(), a to korzysta z GETa. Twój kod nie wskazuje na to, żeby POST był potrzebny, ale w razie potrzeby możesz pokombinować z $.post().

Ten post edytował singles 7.06.2009, 21:38:54