dojo.fx.wipeIn

Contents

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

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>

<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>

<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>

Table of Contents

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