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

[expert]

Coś tu jest nie tak, jak mam taki link:

[HTML] pobierz, plaintext 
<a href="/pl/logowanie" onclick="login(); return false;">Logowanie</a>
[HTML] pobierz, plaintext 

i taki kod:

[HTML] pobierz, plaintext 
function aktualnosci(){ 
document.getElementById('loadbodys').style.display="";
$('bodys').fadeOut(700, function() {
    var doda = '&a='+new Date().getTime();
    $(this).load('../ajax.php?mode=aktualnosci' + doda, function() {
			document.getElementById('loadbodys').style.display="none";
        $(this).fadeIn(700);
    }    
}
}
[HTML] pobierz, plaintext 

to przechodzi mi do strony html /pl/logowanie a nie wykonuje się js, jak to było w przypadku 1 kodu, który podałem. $('#bodys') też nie łapie.

[singles]

Właśnie zauważyłem, że w moim kodzie jest błąd - powinno być $('#bodys') a nie $('bodys'), przepraszam.

Odnośnie tego co podałeś, nie widzę w jaki sposób kliknięcie na link ma odpalić funkcję aktualnosci(). Mój kod powinieneś traktować raczej jako szkielet, a nie gotowe rozwiązanie. W razie dalszych problemów napisz może, co ma się stać po kliknięciu na link, jakie divy mają zostać podmienione i jaką zawartością.

[expert]

twój kod działa, tylko trza dać nie bodys a #bodys i zmiast
}
}

to:
})
})