Flash Text Preview is a Flash WYSIWYG component for rich visualization of texts. Your clients will be able to preview their custom designed
texts on various products you offer: t-shirts, towels, boat signs, greeting cards and other.
No Flash programming knowledge is required! You should only use HTML and JavaScript to preview
the product or visualize the previously saved templates.
Price: $299
How to Insert to the Page
- Insert JavaScript files
- Insert Flash object into your page
- Link your forms with JavaScript functions
1. Insert JavaScript Files
<script src="data/textPreview.js" type="text/javascript"></script>
<script src="data/JSFCommunicator.js" type="text/javascript"></script>
<script src="data/AC_RunActiveContent.js" type="text/javascript"></script>
2. Insert Flash object into your page
You may insert Flash into page as you like, but you will need to give it unique name (may be default name). Optionally you may adjust Flash sizes and parameters through flashVars. Please see how the Flash is inserted in
example #1 or
example #2
3.Link your forms with JavaScript functions
For inputs and selector use
javascript:refreshPreview(flashName, caller, param, value);"
where
flashName - unique name of flash preview
caller - form name, use 'this'
param - parameter to change
value - value of paremeter
to update preview after user action.
example:
<input type="text" OnKeyUp="javascript:refreshPreview('flashTextPreview', this, 'txt', this.value);" />
or
<select OnChange="javascript:refreshPreview('flashTextPreview', this,'txtColor', this.value);">
Flash parameters description
Can be passed trough java script to change text preview or pasted in flashVars to be default values.
| Parameter |
Description |
| txt |
Text to visualize. If text is too long, it is fitted into flash sizes. |
| txtColor |
Text color. Color should be in hex format (#0077FF or 0x0077FF). Default value is black. |
| bgColor |
Background color of whole flash clip. Color should be in hex format (#0077FF or 0x0077FF). Default value is white. |
| font |
flashTextPreview uses external fonts libraries, so user doesn't need to have selected font to see it. Use fonts which names are in fontList file. |
| bold |
Bold text option. Possible values: true (bold text) or false (normal text, default value) |
| italic |
Italic text option. Possible values: true (italic text) or false (normal text, default value) |
| shadow |
Shadow effect. Require preferred color in hex format (#0077FF or 0x0077FF) or empty string to cancel (default value). |
| outline |
Outline effect. Require preferred color in hex format (#0077FF or 0x0077FF) or empty string to cancel (default value). |
| arching |
Arching text effect. Possible values: true (arc text) or false (normal text, default value) |