# External XML, External Text, External CSS – Help!

**URL:** <https://forum.kirupa.com/t/external-xml-external-text-external-css-help/233652>\
**Category:** flash\
**Created:** [July 25, 2007, 6:57pm UTC](https://forum.kirupa.com/t/external-xml-external-text-external-css-help/233652 "2007-07-25T18:57:01Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lonerhino](https://avatars.discourse-cdn.com/v4/letter/l/45deac/32.png) [@lonerhino](https://forum.kirupa.com/u/lonerhino)\
**Post date:** [July 25, 2007, 6:57pm UTC](https://forum.kirupa.com/t/external-xml-external-text-external-css-help/233652/1 "2007-07-25T18:57:01Z")

</div>

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]"&lt;span class=[COLOR=#000099] **\"** [/COLOR]headerSmall[COLOR=#000099] **\"** [/COLOR]&gt;"[/COLOR] + sHeader + [COLOR=#FF0000]"&lt;/span&gt;"[/COLOR];
mcDialog.[COLOR=#000080]tBody[/COLOR].[COLOR=#0000FF]htmlText[/COLOR] = [COLOR=#FF0000]"&lt;span class=[COLOR=#000099] **\"** [/COLOR]bodySmall[COLOR=#000099] **\"** [/COLOR]&gt;"[/COLOR] + sBody + [COLOR=#FF0000]"&lt;/span&gt;"[/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]