External XML, External Text, External CSS – Help!

programming flash
1

I can’t seem to get CSS styles to be applied if the “thing” to be styled is also external. I’ve yet to get it to work for text or xml. All help files and samples I’ve located show the either the style or the text to be internal – never when both are external. Of course, both are external in my case.

I have external XML which loads and populates 2 dynamic textfields created onstage. This works, I can see the text in the text field.

I have external CSS which loads and is suppose to format my text. Trace indicates the CSS is loading but I cannot get it to style the text. I made a similar post about this previously using text rather than xml and have never found a solution. All code is in the timeline. Any help is **Greatly **appreciated.

ActionScript Code:
[FONT=Courier New][LEFT][COLOR=#000000]**var**[/COLOR] sHeader:[COLOR=#0000FF]String[/COLOR];

[COLOR=#000000]var[/COLOR] sBody:[COLOR=#0000FF]String[/COLOR];

[COLOR=#808080]//constructors[/COLOR]
[COLOR=#000000]var[/COLOR] xmlLoader:URLLoader = [COLOR=#000000]new[/COLOR] URLLoaderCOLOR=#000000[/COLOR];
[COLOR=#000000]var[/COLOR] xmlReq:URLRequest = [COLOR=#000000]new[/COLOR] URLRequestCOLOR=#000000[/COLOR];

[COLOR=#808080]//event handle[/COLOR]
xmlLoader.[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR], onXMLComplete[COLOR=#000000])[/COLOR];
xmlLoader.[COLOR=#0000FF]load[/COLOR]COLOR=#000000[/COLOR];

[COLOR=#000000]function[/COLOR] onXMLCompleteCOLOR=#000000[/COLOR]:[COLOR=#0000FF]void[/COLOR][COLOR=#000000]{[/COLOR]

[COLOR=#808080]*//trace("Success");*[/COLOR]

[COLOR=#000000]**var**[/COLOR] xmlHomeText:[COLOR=#0000FF]XML[/COLOR] = [COLOR=#000000]**new**[/COLOR] [COLOR=#0000FF]XML[/COLOR][COLOR=#000000]([/COLOR]xmlLoader.[COLOR=#0000FF]data[/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#000000]**var**[/COLOR] numOfChildren:uint = xmlHomeText.[COLOR=#000080]child[/COLOR][COLOR=#000000]([/COLOR][COLOR=#FF0000]"*"[/COLOR][COLOR=#000000])[/COLOR].[COLOR=#0000FF]length[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];

sHeader = xmlHomeText.[COLOR=#000080]introText[/COLOR].@headline;
[COLOR=#808080]*//trace(sHeader);*[/COLOR]

sBody = xmlHomeText.[COLOR=#000080]introText[/COLOR][COLOR=#000000][[/COLOR][COLOR=#000080]0[/COLOR][COLOR=#000000]][/COLOR];
[COLOR=#808080]*//trace(sBody);*[/COLOR]

[COLOR=#000000]}[/COLOR]

[COLOR=#808080]//----------------------CSS Load----------------------------[/COLOR]

[COLOR=#808080]// create a new TextField.StyleSheet instance[/COLOR]
[COLOR=#000000]var[/COLOR] homeStyle:StyleSheet;

[COLOR=#808080]//load the external css[/COLOR]
[COLOR=#000000]var[/COLOR] cssLoader:URLLoader = [COLOR=#000000]new[/COLOR] URLLoaderCOLOR=#000000[/COLOR];
cssLoader.[COLOR=#0000FF]load[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]new[/COLOR] URLRequestCOLOR=#000000[/COLOR][COLOR=#000000])[/COLOR];
cssLoader.[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR], onCSSLoad[COLOR=#000000])[/COLOR];

[COLOR=#000000]function[/COLOR] onCSSLoadCOLOR=#000000[/COLOR]:[COLOR=#0000FF]void[/COLOR][COLOR=#000000]{[/COLOR]

[COLOR=#0000FF]trace[/COLOR][COLOR=#000000]([/COLOR][COLOR=#FF0000]"CSS LOADED"[/COLOR][COLOR=#000000])[/COLOR];
homeStyle = [COLOR=#000000]**new**[/COLOR] StyleSheet[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];

mcDialog.[COLOR=#000080]tHeadline[/COLOR].[COLOR=#000080]styleSheet[/COLOR] = homeStyle;
mcDialog.[COLOR=#000080]tBody[/COLOR].[COLOR=#000080]styleSheet[/COLOR] = homeStyle;

mcDialog.[COLOR=#000080]tHeadline[/COLOR].[COLOR=#0000FF]htmlText[/COLOR] = [COLOR=#FF0000]"<span class=[COLOR=#000099]**\"**[/COLOR]headerSmall[COLOR=#000099]**\"**[/COLOR]>"[/COLOR] + sHeader + [COLOR=#FF0000]"</span>"[/COLOR];
mcDialog.[COLOR=#000080]tBody[/COLOR].[COLOR=#0000FF]htmlText[/COLOR] = [COLOR=#FF0000]"<span class=[COLOR=#000099]**\"**[/COLOR]bodySmall[COLOR=#000099]**\"**[/COLOR]>"[/COLOR] + sBody + [COLOR=#FF0000]"</span>"[/COLOR];

[COLOR=#0000FF]trace[/COLOR][COLOR=#000000]([/COLOR]mcDialog.[COLOR=#000080]tBody[/COLOR].[COLOR=#000080]styleSheet[/COLOR][COLOR=#000000])[/COLOR];

[COLOR=#000000]}[/COLOR]
[/LEFT]
[/FONT]

and the CSS

ActionScript Code:
[FONT=Courier New][LEFT].[COLOR=#000080]headerSmall[/COLOR] [COLOR=#000000]{[/COLOR]
font-family: Arial, Helvetica, sans-serif;
[COLOR=#0000FF]color[/COLOR]: [COLOR=#808080]*#874E00;*[/COLOR]
font-[COLOR=#0000FF]size[/COLOR]: 14px;

[COLOR=#000000]}[/COLOR]

.[COLOR=#000080]headerLarge[/COLOR] [COLOR=#000000]{[/COLOR]
font-family: Arial, Helvetica, sans-serif;
[COLOR=#0000FF]color[/COLOR]: [COLOR=#808080]#874E00;[/COLOR]
font-[COLOR=#0000FF]size[/COLOR]: 16px;
[COLOR=#000000]}[/COLOR]

.[COLOR=#000080]bodySmall[/COLOR] [COLOR=#000000]{[/COLOR]
font-family: Arial, Helvetica, sans-serif;
[COLOR=#0000FF]color[/COLOR]: [COLOR=#808080]#000000;[/COLOR]
font-[COLOR=#0000FF]size[/COLOR]: 12px;
[COLOR=#000000]}[/COLOR]

.[COLOR=#000080]bodyLarge[/COLOR] [COLOR=#000000]{[/COLOR]
font-family: Arial, Helvetica, sans-serif;
[COLOR=#0000FF]color[/COLOR]: [COLOR=#808080]#000000;[/COLOR]
font-[COLOR=#0000FF]size[/COLOR]: 14px;
[COLOR=#000000]}[/COLOR]
[/LEFT]
[/FONT]