Click to URL on RSS text not working on node variable.

Question

Hi.
I have a RSS feed parsed into one text box and am using imported CSS to format the text in one Textfield that was created with as3.
Problem is my roll over and click handler functions for making each text variable a link to the XML URL link will not work unless I point the function at the entire text field. I just want the individual text variables made from the RSS Title nodes, to be set to react to my handleFHTClicked, rollOutHandler and rollOverHandler functions. The movie runs Ok parsing the nodes and picking up the CSS, but I get this error in the output window when it reaches the aformentioned functions...
TypeError: Error #1006: value is not a function.
     at AS3_CSS_external_file2_fla::MainTimeline/onLoaded()
     at flash.events::EventDispatcher/dispatchEventFunction()
     at flash.events::EventDispatcher/dispatchEvent()
     at flash.net::URLLoader/onComplete()
Here is the code....
var cssLoader:URLLoader;
//load the fake preloader
var preLoader = new loading_mc();
preLoader.x = 170;
preLoader.y = 50;
preLoader.scaleX = .7;
preLoader.scaleY = .7;
addChild(preLoader);
//This code loads and Parses the RSS feed
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onLoaded);
var dotExtension:String = "...";
var maxLength:Number = 0;
var xml:XML;
function onLoaded(e:Event):void {
     removeChild(preLoader);
     xml = new XML(e.target.data);
     var firstheadtext = xml.channel.item[0].title;
     var firstbodytext = xml.channel.item[0].description;
     var secondheadtext = xml.channel.item[1].title;
     trace(firstheadtext);
     trace(firstbodytext);
     trace(secondheadtext);
     //dtfa.htmlText = "<p align='left'>"+firstheadtext+"</p>"+"</br>"+ "<p align='left'>"+firstbodytext+"</p>";
     var myText:String = "<p>"+firstheadtext+"</p>"
     +"<span class='myTextStyle1'>"+firstbodytext+"</span><br/>"
     +"<br/>"
     +"______________________________________________________________________________<br/>"
     +"<br/>"
     +"<span class='myTextStyle2'>"+secondheadtext+"</span><br/>";
     function cssLoadComplete(event:Event):void {
          var sheet:StyleSheet = new StyleSheet();
          sheet.parseCSS(cssLoader.data);
          myTextField.styleSheet=sheet;
          myTextField.htmlText=myText;
     var myTextField:TextField = new TextField();
     myTextField.width = 500;
     myTextField.height = 240;
     myTextField.multiline = true;
     myTextField.wordWrap = true;
     addChild(myTextField);
     var req:URLRequest = new URLRequest("myStyleSheet.css");
     cssLoader = new URLLoader();
     cssLoader.addEventListener(Event.COMPLETE, cssLoadComplete);
     cssLoader.load(req);
     //This code handels the click through
     firstheadtext.addEventListener(MouseEvent.CLICK, handleFHTClicked);
     function handleFHTClicked(e:MouseEvent):void {
          navigateToURL(new URLRequest(xml.channel.item[0].link));
       firstheadtext.addEventListener(MouseEvent.MOUSE_OVER , rollOverHandler);
       firstheadtext.addEventListener(MouseEvent.MOUSE_OUT, rollOutHandler);
       import flash.text.TextFormat;
          // create the text format objects
          var overTextFormat:TextFormat = new TextFormat();
          overTextFormat.underline = true;
          var defaultTextFormat:TextFormat = new TextFormat();
          defaultTextFormat.underline = false;
     // add the event handlers
          function rollOverHandler(e:MouseEvent):void
           TextField(e.target).setTextFormat(overTextFormat);
          function rollOutHandler(e:MouseEvent):void
          TextField(e.target).setTextFormat(defaultTextFormat);
loader.load(new URLRequest("http://www.calgaryheraldonline.com/rss_echo.php"));
Any assistance would be appreciated.
Cheers
Forrest

Answer 1

If I un-nest the functions from the RSS loader, I get many more errors.
Here is my un-nested code;
import flash.text.TextFormat;
var cssLoader:URLLoader;
//load the fake preloader
var preLoader = new loading_mc();
preLoader.x = 170;
preLoader.y = 50;
preLoader.scaleX = .7;
preLoader.scaleY = .7;
addChild(preLoader);
//This code loads and Parses the RSS feed
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onLoaded);
var xml:XML;
function onLoaded(e:Event):void {
     removeChild(preLoader);
     xml = new XML(e.target.data);
     var firstheadtext = xml.channel.item[0].title;
     var firstbodytext = xml.channel.item[0].description;
     var secondheadtext = xml.channel.item[1].title;
     trace(firstheadtext);
     trace(firstbodytext);
     trace(secondheadtext);
     //dtfa.htmlText = "<p align='left'>"+firstheadtext+"</p>"+"</br>"+ "<p align='left'>"+firstbodytext+"</p>";
     var myText:String = "<p>"+firstheadtext+"</p>"
     +"<span class='myTextStyle1'>"+firstbodytext+"</span><br/>"
     +"<br/>"
     +"______________________________________________________________________________<br/>"
     +"<br/>"
     +"<span class='myTextStyle2'>"+secondheadtext+"</span><br/>";
function handleFHTClicked(e:MouseEvent):void {
     navigateToURL(new URLRequest(xml.channel.item[0].link));
firstheadtext.addEventListener(MouseEvent.MOUSE_OVER , rollOverHandler);
firstheadtext.addEventListener(MouseEvent.MOUSE_OUT, rollOutHandler);
// create the text format objects
var overTextFormat:TextFormat = new TextFormat();
overTextFormat.underline = true;
var defaultTextFormat:TextFormat = new TextFormat();
defaultTextFormat.underline = false;
//This code handels the click through
firstheadtext.addEventListener(MouseEvent.CLICK, handleFHTClicked);
// add the event handlers
// you only need these two functions
function rollOverHandler(e:MouseEvent):void {
     TextField(e.target).setTextFormat(overTextFormat);
function rollOutHandler(e:MouseEvent):void {
     TextField(e.target).setTextFormat(defaultTextFormat);
function cssLoadComplete(event:Event):void {
     var sheet:StyleSheet = new StyleSheet();
     sheet.parseCSS(cssLoader.data);
     myTextField.styleSheet=sheet;
     myTextField.htmlText=myText;
var myTextField:TextField = new TextField();
myTextField.width = 500;
myTextField.height = 240;
myTextField.multiline = true;
myTextField.wordWrap = true;
addChild(myTextField);
var req:URLRequest = new URLRequest("myStyleSheet.css");
cssLoader = new URLLoader();
cssLoader.addEventListener(Event.COMPLETE, cssLoadComplete);
cssLoader.load(req);
loader.load(new URLRequest("http://www.calgaryheraldonline.com/rss_echo.php"));
And now the errors are telling me it cannot access the undefined property of myText and firstheadtext.
I just don't understand what needs to be inside the onLoaded function and what has to be outside.