Podstrony
|
 |
telcocafeWitam,Mam problem z JQuery, mianowicie chcę by div miał animacje zmiany rozmiaru gdy ten zmienia swoją zawartość. Oto kod: $(document).ready(function(){ function clicka(urla){ $.ajax({ type: "GET", url: urla, beforeSend: function(){ $('#result').css({ 'width' : $('#result1').outerWidth(), 'height' : $('#result1').outerHeight() }); $('#result1').fadeOut('slow'); //alert('Result 1 - '+$('#result1').width()+'x'+$('#result1').height()+'/n Result - '+$('#result').width()+'x'+$('#result').height()); }, success: function(html){ $('#result1').html(html); }, complete: function(html){ $('#result').animate({ 'width' : $('#result1').outerWidth(), 'height' : $('#result1').outerHeight() }); $('#result1').fadeIn('slow'); //alert('Result 1 - '+$('#result1').width()+'x'+$('#result1').height()+'/n Result - '+$('#result').width()+'x'+$('#result').height()); }, error: function(){$('#result1').text('The error has occured.');}}); } $('a').live('click', function (event) { clicka($(this).attr('href')); event.preventDefault(); }); clicka("load.php?p=home"); }); i HTML: <div id="result" style="border: 1px solid #000000; display: block;"> <div id="result1" style="border: 1px solid #FFFFFF; display:block;"></div> </div> Wszystko pięknie działa pod Operą, lecz pod Firefoxem bądź IE 8 gubi się, czasem wysokość się nie zmienia, jedynie szerokość, albo wszystko pozostaje w jednym pionowym pasku a div wyskakuje ponad resztę layoutu po załadowaniu podstrony. Nie wiem w czym tkwi problem, próbowałem używać tylko width() lecz to nic nie pomogło. Teraz, gdy dodałem ramki do div'ów by zobaczyć wizualnie jak one się rozmiarami rozkładają to już przestało działać pod FF, divy mają długość 0px. Stronka gdzie to powinno działać: Stronka Z góry dziękuje za pomoc. Kod trochę bym zmienił, ale przede wszystkim zrobiłbym porządny layout. Domyślam się, że rozdzielczość Twojego ekranu, to 1600Ă1200, bo w rozdzielczości 1280Ă800 pojawia się poziomy pasek przewijania, a nie może się on pojawić nawet w rozdzielczości 1024Ă768. Popraw to, a coś się wymyśli z kodem. |
|
|
| Sitedesign by AltusUmbrae. | ||||
W trosce o komfort korzystania z naszego serwisu chcemy dostarczac Ci coraz lepsze uslugi. By moc to robic prosimy, abys wyrazil zgode na dopasowanie tresci marketingowych do Twoich zachowan w serwisie. Zgoda ta pozwoli nam czesciowo finansowac rozwoj swiadczonych uslug.
Pamietaj, ze dbamy o Twoja prywatnosc. Nie zwiekszamy zakresu naszych uprawnien bez Twojej zgody. Zadbamy rowniez o bezpieczenstwo Twoich danych. Wyrazona zgode mozesz cofnac w kazdej chwili.