How load text into dynamic text boxes from external file?

Question

hi all,
my animation is very simple - a background image and 2 text boxes.  one of the textboxes shows a large word, which crossfades to another word, with a total of about 12 words (showing one at a time in different text boxes fading in & out in the same spot).
i need a way to have the text be imported dynamically via xml or json (xml preferred).  this article is a good start, but i noticed he's putting all of the text into one box - i need separate strings put into separate boxes from the xml.
Chris Gannon - Loading XML via AJAX into Adobe Edge
he uses
var outputField = $(this.lookupSelector(“xmlOutput”));
for his text box.  what would be the best way to revise this code to include all my individual strings to be loaded into my individual text boxes?  thinking an array might work, but my js skills are limited.
any other suggestions or tutorials you could point me to would be appreciated.
thanks!!

Answer 1

thanks joel_pau !
this is helpful in seeing how the array is created, but after giving it a go I became a little confused.
i wound up trying it again based on the example i linked out to previously, but it's not adding the text from my xml file when previewing.
here's the code i'm using in edge animate on my stage.  something must be wrong somewhere.  let me know if you have any suggestions on this.
// insert code to be run when the composition is fully loaded here
// here i'm assigning a variable to each one of my textboxes at they're named in my edge animate comp
var outputField1 = $(this.lookupSelector("helps2"));
var outputField2 = $(this.lookupSelector("communicate"));
var outputField3 = $(this.lookupSelector("experience"));
var outputField4 = $(this.lookupSelector("interact"));
var outputField5 = $(this.lookupSelector("understand"));
var outputField6 = $(this.lookupSelector("overcome"));
var outputField7 = $(this.lookupSelector("flourish"));
var outputField8 = $(this.lookupSelector("collab"));
var outputField9 = $(this.lookupSelector("trust"));
var outputField10 = $(this.lookupSelector("grow"));
var outputField11 = $(this.lookupSelector("engage"));
var outputField12 = $(this.lookupSelector("survive"));
var outputField13 = $(this.lookupSelector("thrive"));
var outputField14 = $(this.lookupSelector("evolve"));
var outputField15 = $(this.lookupSelector("connect"));
var outputField16 = $(this.lookupSelector("achieve"));
$.ajax({   
    type: "GET",
    url: "myxmlfile.xml",
    dataType: "xml",
    success: function(xml) {
//here i'm trying to load the the text in my xml file into my textboxes in edge animate.  'txt1, txt2, txt3' are the tags in my xml file
        outputField1 = $(xml).find('txt1').text();
        outputField2 = $(xml).find('txt2').text();
        outputField3 = $(xml).find('txt3').text();
        outputField4 = $(xml).find('txt4').text();
        outputField5 = $(xml).find('txt5').text();
        outputField6 = $(xml).find('txt6').text();
        outputField7 = $(xml).find('txt7').text();
        outputField8 = $(xml).find('txt8').text();
        outputField9 = $(xml).find('txt9').text();
        outputField10 = $(xml).find('txt10').text();
        outputField11 = $(xml).find('txt11').text();
        outputField12 = $(xml).find('txt12').text();
        outputField13 = $(xml).find('txt13').text();
        outputField14 = $(xml).find('txt14').text();
        outputField15 = $(xml).find('txt15').text();
        outputField16 = $(xml).find('txt16').text();
but nothing happens on preview.  my textboxes still contain the original text that lives in my comp.