Adobe 65011817 - Fireworks CS4 - Mac Using Manual page 157

USING FIREWORKS CS4
Styles, symbols, and URLs
After creating the JavaScript file, you can create an instance by dragging the symbol to the canvas. Then you can
change its attributes in the Symbol Properties panel.
Note: If you remove or rename an object that is referenced by the script, The Symbol Properties panel reports errors.
Save an existing symbol as a component symbol
Select a symbol in the Document Library panel.
1
2 Select Save to Common Library from the Document Library panel Options menu.
Create a JavaScript file to control the symbol properties.
3
Create editable symbol parameters using JavaScript
When you save a component symbol, Fireworks saves a PNG file in the following default folders:
• (Windows XP) <user settings>\Application Data\Adobe\Fireworks CS4\Common Library\Custom Symbols
• (Windows Vista) \Users\<user name>\AppData\Roaming\Adobe\Fireworks CS4\Common Library\Custom
Symbols
• (Mac OS) <user name>/Application Support/Adobe/Fireworks CS4/Common Library/Custom Symbols
To create a component symbol, a JavaScript file must be created and saved with a .JSF extension in the same location
and with the same name as the symbol. For example, mybutton.graphic.png would have a JavaScript file named
mybutton.jsf.
The Create Symbol Script panel allows non-programmers to assign some simple symbol attributes and create the
JavaScript file automatically. To open this panel, select Create Symbol Script from the Commands menu.
Create the JavaScript file
Two functions in the JavaScript file must be defined to add editable parameters to the symbol:
•
function setDefaultValues()
parameters.
•
function applyCurrentValues()
graphic symbol.
The following is a sample .JSF file for creating a custom symbol:
–defines the parameters that can be edited and the default values of these
–applies the values entered through the Symbol Properties panel to the
Last updated 3/8/2011
151