Login Register
Home » animateproperty

animateproperty

fx.wipeIn, fx.wipeOut

Submitted by Jasonre on Wed, 09/17/2008 - 14:17.

Due to the mainframe that I'm currently working with, it seems to be a problem with me inserting extra functions to get the wipeIn/wipeOut to be able to slide horizontally. The two files that I was changing was the dojo/fx.js and dojo/NodeList-fx.js. However I know there is a much better way to accomplish this task, by possibly adding a switch as a parameter to tell whether or not you want a vertical slide much like what dojo provides for you or a horizontal slide.

in the wipeIn function there is a part of code that is
var height = dojo.style(node, "height");

Using dojo.animateProperty with dojo.fx.Toggler

Submitted by stf83 on Fri, 08/22/2008 - 09:14.

Hi folks,

I am trying to toggle animations. It works nice with dojo.fadeIn/dojo.fadeOut and dojo.fx.wipe/dojo.fx.wipeOut. But now I want to fade to a certain opacity only. I'm trying to use dojo.animateProperty to do so, but I don't know how to pass the properties.

The closest I got so far was this:

var t = new dojo.fx.Toggler({
        node: id,
        showDuration: 500,
        hideDuration: 500,
        showFunc: dojo.animateProperty,
        hideFunc: dojo.animateProperty,
        properties: {opacity:0.5}
});

animateProperty parameters for start and end

Submitted by em_te on Thu, 03/20/2008 - 15:45.

I would like Dojo to pass in some properties to "start" and "end" that allow me to access the node.
Currently I'm doing:

dojo.animateProperty({
    node: "msgBox",
    properties: {
        height: {
            end: function() { dojo.byId("msgBox").scrollHeight; }
        }
    }
}).play();

I want to do:

dojo.animateProperty({
    node: "msgBox",
    properties: {
        height: {
            end: function(node) { node.scrollHeight; }
        }
    }
}).play();
Syndicate content