html « GGshow reloaded

October 20, 2008

WMODE for SWF

Issue:

How to display other HTML content above a swf?
DHTML menus appear underneath swf
HTML layer z-index not working on swf object

Reason:
By default wmode=”window”, Active Content is rendered directly to the screen on top of web browser window, which means it appears on top of other HTML content.

Solution:
Set the wmode parameter for swf object & embed tag to “opaque” or “transparent”.
e.g.:

In HTML,

add to object tag:
```
<param name="wmode" value="opaque">
```
add to embed tag:
```
wmode="opaque"
```

So your html code will looked like:

<object ... >
    ...
    <param name="wmode" value="opaque">
    <embed ... wmode="opaque" ... >
</object>

From Flash,
1. From menu, File > Publish Settings,
2. click HTML tag,
3. select “Opaque Windowless” for Window Mode.
4. Publish
From Dreamweaver,
1. Select the swf in the Design View.
2. In the Properties panel, choose Parameters.
3. Enter “wmode” (without quotes) for the Parameter.
4. Enter “transparent” (without quotes) for the Value.
5. Save the document.

Additional Information:

TechNote:
Flash content displays on top of all DHTML layers
How to make a Flash movie with a transparent background

Comments (0)

Filed under: Flash Platform,HTML,Web — Tags: flash, html, swf, wmode — GG @ 1:48 am

May 7, 2007

ActiveX Controls

Issue:

Security warning “Click to activate and use this control.”
Flash button need double click in MSIE
How to remove border/frame/rectangle around swf in MSIE?
How to automatic activate active control?
Rollover on swf in MSIE
ac_runactivecontent.js

Reason:
An update to Microsoft Internet Explorer (MSIE) 6 changes its way in handles some webpages that use ActiveX controls and Java applets like Adobe Reader, Apple QuickTime Player, Macromedia Flash Player, Microsoft Windows Media Player, Real Networks RealPlayer, Sun Java Virtual Machine, and more. After you install this update, you cannot interact with ActiveX controls loaded by the APPLET, EMBED, or OBJECT elements, until these controls are enabled. To enable an ActiveX control, manually click the control.

Solution:

By using JavaScript:
By installing extension/updater
- Installing the Flash Active Content Update extension
- Converting Active Content with the Dreamweaver 8.0.2 Updater

Additional Information:

Developer Center:
Active Content Developer Center
Active content FAQ

TechNote:
Installing the Flash Active Content Update extension

Microsoft Support:
Internet Explorer ActiveX update

MSDN:
Activating ActiveX Controls

Comments (0)

Filed under: Flash Platform,JavaScript,Web — Tags: activex, flash, html, swf — GG @ 6:28 pm

April 21, 2007

Cross-domain policy

Issue:

Unable to load variables or XML data into a Flash movie from another domain/subdomain.
Unable to load swf or flv into Flash movie from another domain/subdomain.

Reason:
For security reasons, data loading operations (load, loadMovie, loadVariables, & etc.) from a different domain is not permitted.

Solution:
Create a cross-domain policy file (crossdomain.xml) and place on the site root of the server you wish to access with the movie.

Cross-domain policy files is a simple XML file that gives the Flash Player permission to access data from a given domain without displaying a security dialog, the file can be created in a simple text editor such as Notepad or SimpleText.

Sample Cross-domain policy file allow access from any domain

<?xml version="1.0"?>
<cross-domain-policy>
	<allow-access-from domain="*" />
</cross-domain-policy>

Sample Cross-domain policy file allow access from any subdomains & local server, & secure server

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
	<allow-access-from domain="www.ggshow.com" />
	<allow-access-from domain="ggshow.com" />
	<allow-access-from domain="*.ggshow.com" />
	<allow-access-from domain="blog.ggshow.com" />
	<allow-access-from domain="search.ggshow.com" />
	<allow-access-from domain="blog" />
	<allow-access-from domain="search" />
	<allow-access-from domain="www.ggshow.com" secure="false" />
</cross-domain-policy>

Sample Cross-domain policy file on other websites

Additional Information:
crossdomainxml.org

LiveDocs:
Using policy files

TechNote:
External data not accessible outside a Macromedia Flash movie’s domain
Loading data across domains
Macromedia Flash movie fails to load data in Flash Player 7

Comments (0)

Filed under: Flash Platform,Web — Tags: crossdomain, flash, html, xml — GG @ 3:34 pm

April 19, 2007

How to use subscript & superscript in dynamic and input text field

Issue:

Unable to use subscript or superscript in dynamic and input text field.
Unable to display subscript or superscript for external loaded text.
Unable to use & tags in dynamic or input text field.
To create subscript or superscript text without Text Layout Framework (TLF).

Reason:
 & tags are not supported by Flash.

TechNote: Subscript and superscript fail in dynamic and input text fields
LiveDocs: Supported HTML tags

Solution:

Download & install GG Subscript & GG Superscript TrueType fonts. You will need to restart Flash software after installed fonts.
Create a dynamic text field with Arial font embeded. Set the HTML property to true.
Create a dynamic text field with GG Subscript font embeded.
Create a dynamic text field with GG Superscript font embeded.
Use HTML tag to set text to subscript or superscript like below:
```
AdobeTM
```
If you are using ActionScript to test the htmlText, use script like below:
```
my_txt.text = "AdobeTM";
```

Demo:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Download:
superscript.fla
superscript.swf

Updated: (2008-09-21)
A new set of superscript & subscript fonts includes both sans & serif type, with more complete & improved glyphs, standard scale & shift, is now available to be downloaded (free) from here.

Updated: (2010-10-23)
Another set of fonts for displaying square root (SQRT), cube root, nth root, and other roots formula in dynamic and input text field is now available here.

Related:
For creating subscript & superscript text with Text Layout Framework in AS3 or Flex project, refer to here

Comments (0)

Filed under: ActionScript,HTML — Tags: actionscript, font, html, subscript, superscript — GG @ 5:51 pm