DIV update effect, Łagodna wymiana zawartości DIVa Opcje

[prond]

Witam, czy ktoś z was może mi pomóc w stworzeniu skryptu, który wymienia zawartość DIVa AJAXem, w taki sposób, aby nie było żadnego "skakania".

Przez skakanie rozumiem przesuwanie treści pod DIVem kiedy nowa zawartość zajmuje mniej, albo więcej miejsca.

Próbowałem wykorzystać scriptaculous :

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
     Effect.Updater = Class.create();
     Object.extend(Object.extend(Effect.Updater.prototype,
     Effect.Base.prototype), {
       initialize: function(element) {
         this.element = $(element);
         var options = Object.extend({
           duration: 0.001,
           newContent: ''
         }, arguments[1] || {});
         this.start(options);
       },
       loop: function(timePos) {
         if(timePos >= this.startOn) {
           Element.update(this.element,this.options.newContent);
           this.cancel();
           return;
         }
       }
     });
 
    function updateSolutionsList(intProblemId)
    {
        new Effect.Fade('solutionsList', {queue : 'end'});
        new Effect.Updater('solutionsList', {newContent : $('Ajax-Loader').innerHTML, queue : 'end'});
        new Effect.Appear('solutionsList', {queue : 'end'});
 
        new Ajax.Request('/Solutions/index/'+intProblemId, {
                    onComplete: function (response) {
                        new Effect.Fade('solutionsList', {queue : 'end'});
                        new Effect.Updater('solutionsList', {newContent : response.responseText, queue : 'end'});
                        new Effect.Appear('solutionsList', {queue : 'end'});
                    }
                });
    }
//-->
</script>
[HTML] pobierz, plaintext 

Wszystko niby ładnie, ale potrzebuje jeszcze płynnego efektu do zmiany wysokości DIVa.

[gebp]

Zainteresuj się mintAjax

[prond]

Wolałbym nie korzystać z kolejnej biblioteki ponieważ używam do budowy aplikacji CakePHP, który ma wbudowane helpery dla prototype.js i scriptaculous.js.

W wielu miejscach korzystam z tych helperów dlatego wolę tworzyć niestandardowe UI w oparciu o prototype.js i scriptaculous.js.

[gebp]

Zaproponowałem mintAJAX ze wzgledu że jest tam kilka rozwiązań dotyczących ogólnie napisze wyświetlania. Z tego co zauważyłem (niestety nie jestem dobry w js) to głównie jest to robione w Java Script'cie. Myślałem że jak podejrzysz tamtejsze przykłady i samą bibloteke to wyrwiesz to o co Ci chodzi.

[ActivePlayer]

http://wiki.script.aculo.us/scriptaculous/...tsTreasureChest

move AND resize an element

pass me the desired most outer bouding box position and dimensions. calculations includes margin/border/paddings, so when you know you want a div positioned
and sized a specific way, this will position and animate the transition. set duration=0 for no aninmation. note you will need to click ‘edit’ to view the real source! the stupid wiki interpreter is parsing asterisks as bold text dispite being inside a code block!
by jake richardson {jaecob.gmail.com}

Link to Class Source – {jason.at.shaped.ca} hosting this to hopefully save someone from having to sign up at the wiki to view the source properly.

http://www.shaped.ca/Effect.MoveAndResizeTo.js