This demo shows the events and properties available from the script's API, updated in real time as each event fires. The first value in each field is the relevant object or property; the second value is a time stamp to show when each event fired.

For demo purposes, this example also has a simple implementation of the rules engine, with a single rule: "NS, *"; in this specific instance the rule makes no actual difference to how the boxes can move, but it's here so that you can see the onruletest event firing.

Please note: the performance of this example is greatly reduced by the continual compiling and writing of data to the text fields. In practise, you wouldn't have all this intense process, and the performance would not be not so affected just by using the API.

Box 0

Box 1

Box 2

Box 3

Box 4

Box 5

onruletest
onbeforestatechange
onstatechange
onboxdrag
onboxopen
onboxclose
onanimate
onafteranimate