The arrow, box and table parameters passed to the event handlers are Java objects, whose methods can be called from JavaScript in order to change the objects' appearance or state. For help on the available methods, see the documentation available for our Java diagramming control -
https://mindfusion.eu/JDiagramTrial.zip

Continuing our last example, set the BoxCreatedScript property to "onBoxCreated" and BoxModifiedScript to "onBoxModified", then add the following code to the .aspx page source:

<script language="javascript">
function onBoxCreated(box)
{
  box.setText("123");
}
function onBoxModified(box)
{
  box.setBrush(<%=fc.AppletName%>.getScriptHelper().createSolidBrush(100, 150, 255));
}
</script>
 

Note how you can get the applet's name, through which you can access its API from JavaScript, using the <%=fc.AppletName%> statement.

Now run the page and draw or move around some boxes. You should see the "123" text appear in newly created boxes, and moved boxes will change their fill color.

We have tested client side event handling in IE, Opera and Firefox. Unfortunately, a known bug in Firefox 2 prevents calling JavaScript functions from applets, so client side event handling works only with 1.5.* or older versions of Firefox. That's a reported bug on Bugzilla.com and hopefully will be fixed in the next Firefox release.

Now with that functionality available, we will try to create for the next installment of this series a nice example that will use ASP.NET AJAX (aka "Atlas").

Stay tuned