The code below works fine:
<canvas debug="true">
<dataset name="clipdataset"
src="clipartdb.xml"
autorequest="true"
type="http" />
<class name="clipartimage">
<method name="applyData"
args="d">
if (d == null) { return; }
setSource( d );
</method>
</class>
<class name="top"
extends="state">
<attribute name="xroffset"
value="$once{this.getMouse('x')}" />
<attribute name="initx"
value="$once{this.x}" />
<attribute name="initwidth"
value="$once{this.width}" />
<attribute name="width"
value="${this.initwidth+this.initx
-this.immediateParent.getMouse('x')+xroffset}" />
<attribute name="x"
value="${this.immediateParent.getMouse('x')
-this.xroffset}" />
<attribute name="yroffset"
value="$once{this.getMouse('y')}" />
<attribute name="inity"
value="$once{this.y}" />
<attribute name="initheight"
value="$once{this.height}" />
<attribute name="height"
value="${this.initheight+this.inity
-this.immediateParent.getMouse('y')+yroffset}" />
<attribute name="y"
value="${this.immediateParent.getMouse('y')
-this.yroffset}" />
</class>
<class name="clipartView">
<selectionmanager name="selector"
toggle="false" />
<clipItem name="cpitem"
x="${Math.round( Math.random() * 200 )}"
y="${Math.round( Math.random() * 200 )}"
datapath="clipdataset:/Clip/ClipArtImg"
width="90"
height="90"
clickable="true"
onclick="this.parent.selector.select(this);"
onmousedown="draggable.apply();"
onmouseup="draggable.remove();">
<resizestate name="rs" />
<top name="trrs" />
<dragstate name="draggable" />
<method name="setSelected"
args="amselected">
if ( amselected )
{
this.crb.setVisible(true);
this.crb2.setVisible(true);
this.bringToFront();
}
else
{
this.crb.setVisible(false);
this.crb2.setVisible(false);
}
</method>
<view name="crb"
align="right"
valign="bottom"
visible="false"
width="5"
height="5"
bgcolor="red"
onmousedown="parent.rs.apply();"
onmouseup="parent.rs.remove()" />
<view name="crb2"
align="left"
valign="top"
visible="false"
width="5"
height="5"
bgcolor="red"
onmousedown="parent.trrs.apply();"
onmouseup="parent.trrs.remove()" />
</clipItem>
<method event="onkeydown"
reference="LzKeys"
args="k">
if (k==46) {
var selectedNode = this.selector.selected[0];
Debug.write( "setVisible set to false" );
selectedNode.setVisible(false);//.deleteNode();
}
</method>
</class>
<class name="clipItem">
<clipartimage stretches="both"
width="${parent.width}"
height="${parent.height}"
datapath="ClipArt/text()" />
</class>
<clipartView width="200"
height="200"
name="myclipview" />
<button x="10"
y="200">Undo
<attribute name="cnum"
value="0" />
<method event="onclick">
var viewToHide = myclipview.selector.selected[0];
Debug.write( viewToHide );
canvas.lastNodeDeleted = viewToHide;
viewToHide.setVisible( false );
</method>
</button>
<button x="100"
y="200">Redo
<attribute name="cnum"
value="0" />
<method event="onclick">
var viewToShow = canvas.lastNodeDeleted;
viewToShow.setVisible( true );
</method></button>
</canvas>
I recorded the last deleted item in a global variable (canvas.lastNodeDeleted) and made that visible.
Actualy what i want to do is, when i click on the undo button, the lattest clone should disappear and then next one, and so on.
I see. Then you should record the clones as they get created in some kind of stack, and go through it when the undo button is clicked. That's very similar to what I did above with the global variable, only you would be using a global array to keep track.
-Antun