<IMPLEMENTS TYPE="Automation">
<METHOD NAME="blink"/>
<PROPERTY NAME="x"/>
<PROPERTY NAME="y"/>
</IMPLEMENTS>

Notice the / at the end of each PROPERTY tag. It replaces the </PROPERTY> tag that one would expect to find at the end of the PROPERTY tag.

The property names specified in the scriptlet interface must match those in the DHTML elements. You can pick any names you want and as many properties as you want. In our example, we associate a Behavior with a DIV element. The x and y interface properties above are specified in the DIV definition as follows:

<DIV CLASS="soccer" x="200" y="250">

Inside the script section of the scriptlet, you can use interface properties like any other local variables. In our Blinking Soccer example from Column 22, DHTML Behaviors, we use the x and y properties to position a dynamic HTML element (DIV):

style.pixelTop = x;
style.pixelLeft = y;

People who read this tip also read these tips:

• IBuySpy's Color-Coded Folder Map
• Detecting A Page Completion
• IBuySpy's ShoppingCartDB Component
• Defining the Grammar of Leaf Cells
• Calling the StockQuote Web Service