Witam!
Mam problem ze zmianą wysokości diva po przeładowaniu strony z użyciem AJAX.

Oto moja funkcja:

[XML] pobierz, plaintext 
function showCategory(id) {
  $( ".result" ).load(ajax/test.php?id="+id);
  var winH = $(document).height();
  $('div#category_list').css('height', winH);
}
[XML] pobierz, plaintext 

Chciałbym, żeby div o id category_list, zmieniał wysokość razem z divem o klasie result po przeładowaniu w nim treści.

Proszę o pomoc : )

musiałbyś dodać tę zmianę kiedy ładowanie zakończy sie sukcesem, bo tak oba wątki wykonują sie niemal w jedym czasie, dlatego wysokość sie nie zmienia w dokumetacji jest to tam opisane http://api.jquery.com/load/

Ja to zrozumiałem tak:

[XML] pobierz, plaintext 
function showCategory(id) {
   $( ".result" ).load("ajax/test.php?id="+id, makeSuper());
}
function makeSuper() {
   var winH = $(document).height();
   $('div#category_list').css('height', winH);
}
[XML] pobierz, plaintext 

Jednak dalej nie hula.

//Edit
Zmiana wysokości już działa, ale tylko na większą, nie spada w dół.

co nie spada w dół?

Jeśli załaduje się wyższa wysokość to później nie zmniejsza się tylko pozostaje puste miejsce na dole strony

no to sprawdź co zwraca winH, bo najprawdopodobniej wysokosc zmienia sie tylko raz

Wg. mnie to wygląda tak, że ładuje się większa wysokość, więc ten DIV pozostaje już przy niej, ona się nie zmniejsza, więc może dałoby rade zamiast wysokości dokumentu jakoś "wyciągnąć" aktualną wysokość diva .result?

http://api.jquery.com/outerHeight/ Włąsnie to powiedziałem, że wykonuje te funkcje tylko raz, btw masz to w $(function() { ... });?

Kod :

[XML] pobierz, plaintext 
function showCategory(id) {
     $( ".result" ).load("ajax/test.php?id="+id, function() {
     var winH = $(document).height();
     $('div#category_list').css('height', winH);
});
}
[XML] pobierz, plaintext 

Wykonuje się za każdym razem, jednak jeśli powiększę diva np do 1200px to przy następnym wczytaniu $(document).height(); znowu będzie to 1200px, Chyba, że po kliknięciu height zmieni się np na 100px, potem wykona się load() i na końcu zmiana wysokości na większą. Da rade tak?

to jescze raz zapytam wykonuesz to w document.read()? bo to najprawdopodobniej niczego nie da z tego względu iż długość ustala juz po załądowaniu tego div, ale nie wiem możesz spróbować dajac wysokosć przed łądowaniem, na te 100 px bo tak mi sie teraz nasuwa takie pytanie że skoro div#category_list ma sie powiekszać to co jest wyznacznikem jego rozmiaru, bo może problem trkwi w tym iż bierze rozmiar dokumentu czyli całosc razem z resztą zawartości, a moze poprostu powinien brać rozmiar jakiejś sekcji tylko

[XML] pobierz, plaintext 
function showCategory(id) {
  $('div#category_list').css('height', '600px');
  $( ".result" ).load("ajax/test.php?id="+id, function() {
  var winH = $(document).height();
  $('div#category_list').css('height', winH);
});
[XML] pobierz, plaintext 

Problem rozwiązany : ) Działa : ) Dziękuje