This extension creates the JavaScript so that an action (clicking on, mouse passing over, etc.) with one object changes the attributes of another object. The list of attributes to change is entered, separated by spaces, in the Attribute to set entry box (e.g., fill stroke stroke-width). The action that will cause the change is set in the When the set must be done? drop-down menu. The list of new values is entered, separated by spaces, in the Value to set entry box. The list of values must match the Attributes to set line (e.g., green black 2px). The next option specifies if this action should come before, after, or replace any previously defined actions. The final option determines, in the case where more than two objects are selected, if the first selected object controls all the other selected objects or if the last selected object is controlled by actions on all the other selected objects.

The Set Attributes dialog.

An example of using the Set Attributes extension to generate JavaScript code. The two objects on the left, the red square and blue circle, were selected in that order. Then the Set Attributes extension was called with the following values: Attribute to set: fill stroke stroke-width, When the set must be done?: on click, Value to set: green black 5px. In a JavaScript enabled browser, clicking on the red square will turn the color of the circle green and set the width of the stroke to 5px as shown on the right.

This extension creates the JavaScript so that an action (clicking on, mouse passing over, etc.) with one object changes specified attributes of another object to have the same value as the first. The list of attributes to change is entered, separated by spaces, in the Attribute to transmit entry box (e.g., fill stroke stroke-width). The action that will cause the change is declared in the When to transmit drop-down menu. The next option specifies if this action should come before, after, or replace any previously defined actions. The final option determines, in the case where more than two objects are selected, if the first selected object controls all the other selected objects or if the last selected object is controlled by actions on all the other selected objects.

The Transmit Attributes dialog.

An example of using the Transmit Attributes extension to generate JavaScript code. The two objects on the left, the red square and blue circle, were selected in that order. Then the Transmit Attributes extension was called with the following values: Attribute to transmit: fill, When the transmit must be done?: on click, In a JavaScript enabled browser, clicking on the red square will turn the color of the circle red as shown on the right.

The dialog consists of a number of entry boxes for specifying export rectangles. Note that the placement of the rectangle is not defined in this dialog. After clicking the Apply button, a partially opaque rectangle will be created. You move and resize this rectangle to cover the area that should be exported.

Three tabs allow additional parameters to be specified. Note that the HTML tab specifies attributes that apply to the export rectangle.

This dialog allows you to specify where the output files should be stored and if HTML and CSS code should be produced. Note that the HTML and CSS code is not intended to be the final product but instead allows you to quickly check the output and to generate code that can be pasted into other files. Clicking the Apply button does the actual export.

This dialog allows you to set attributes that apply to the HTML and CSS that apply to the group of bitmaps exported. At least one of the Slicer rectangles must be selected in order to set these attributes.