dojo.fx.wipeIn

Contents

• dojo.fx.wipeIn
  • Wiping in a node with “display: none; position: absolute;”

Dojox.fx.wipeTo lets you wipe the size of a node to a defined size.

Wiping in a node with “display: none; position: absolute;”

dojo.require("dojox.fx");
dojo.require("dijit.form.Button");

function wipeInOne(){
  dojox.fx.wipeTo({
    node: "wipeDisplayNode",
    duration: 300,
    height: 200
  }).play();
}

function wipeOutOne(){
  dojox.fx.wipeOut({
    node: "wipeDisplayNode",
    duration: 300
  }).play();
}

dojo.require("dojox.fx"); dojo.require("dijit.form.Button"); function wipeInOne(){ dojox.fx.wipeTo({ node: "wipeDisplayNode", duration: 300, height: 200 }).play(); } function wipeOutOne(){ dojox.fx.wipeOut({ node: "wipeDisplayNode", duration: 300 }).play(); }

<div style="height: 250px;">
  <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:wipeInOne">Wipe in</button>
  <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:wipeOutOne">Wipe out</button>
  <div id="wipeDisplayNode" style="height: 200px; position: absolute; top: 30px; width: 500px; background: #ccc; display: none;">
    <div style="padding: 10px;">Hi friends</div>
  </div>
</div>

<div style="height: 250px;"> <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:wipeInOne">Wipe in</button> <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:wipeOutOne">Wipe out</button> <div id="wipeDisplayNode" style="height: 200px; position: absolute; top: 30px; width: 500px; background: #ccc; display: none;"> <div style="padding: 10px;">Hi friends</div> </div> </div>

Table of Contents

• dojo.fx.wipeIn
  • Wiping in a node with “display: none; position: absolute;”