Skip to Content | Skip to Navigation


dojo.fx.wipeIn

Status:Draft
Version:1.2

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

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

<script type="text/javascript">
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();
}
</script>
<div style="height: 250px;">
  <button dojoType="dijit.form.Button" onClick="wipeInOne">Wipe in</button>
  <button dojoType="dijit.form.Button" 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>