Podstrony
- telcocafe
- Js + PHP pomocy!!!
- [JS] Problem ze skryptem pobierającym źródło strony skrypt pobierający źródło strony
- menu przewijane menu w js
- Menu Darmowe menu w JS
- [JS] Wyświetlanie obrazków w danym dniu jak za pomocą javaScript wyświetlać obrazki
- [Ajax,XML,JS] Aktualizacja XMLa na stronie W jaki sposób odświeżyć plik XML załadowany na stronie?
- Pomocy ! JS z formularzem! :(
- [js] Select I Zmiana W Zaleznosci Od 2 Selecta
- PHP i SJ Jak wyświetlić zmienne JS w PHP
- [xml/js]Parsowanie xml w javascript
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gawitanowice.opx.pl
telcocafe
Witam,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.