In ActionScript 3, how do I use a combo box to get images from a XML file?

Hello!

I am using a combo box to extract text and images from an XML file. I have the text part of the script working, but I've been unable to get the images to successfully come to stage. Any assistance is greatly appreciated.


//import controls
import flash.net.*;
import fl.controls.ComboBox;
 
//var declarations
var xmlData:XML;
var classDataLoader:URLLoader = new URLLoader();
var classreqDataLoader:URLLoader = new URLLoader();
 
//loading xml data
classDataLoader.load(new URLRequest("classes.xml"));
classDataLoader.addEventListener(Event.COMPLETE,loadCompleteClass);
 
//function extracting data from xml
function loadCompleteClass(event:Event):void 
{
	xmlData = new XML(classDataLoader.data);
	for (var i in xmlData.crclass) 
	{
		cbClasses.addItem({label:xmlData.crclass.name[i]});
		}
	}
 
//EventListeners for combo box
cbClasses.addEventListener(Event.CHANGE, showReq);
 
//function populating text area
function showReq(event:Event):void 
{
	var itemSelected:Number = cbClasses.selectedIndex;
	taReq.text = xmlData..requirement[itemSelected];
	}
 
/*XML code:
<classes>
 
	<crclass>
		<name>Class 5</name>
		<requirement>Bouffant Caps, Hoods, Beard Cover, Face Mask, Coveralls, Gloves, Shoe Covers, Booties</requirement>
		<figure>file = "class5.png" width = "144" height = "415"</figure>
	</crclass>
	
	<crclass>
		<name>Class 6</name>
		<requirement>Bouffant Caps, Hoods, Beard Cover, Face Mask, Coveralls, Gloves, Shoe Covers, Booties</requirement>
		<figure>file = "class6.png" width = "144" height = "415"</figure>
	</crclass>
	
	<crclass>
		<name>Class 7 (Cleanroom)</name>
		<requirement>Bouffant Caps, Hoods, Beard Cover, Face Mask, Coveralls, Gloves, Shoe Covers, Booties</requirement>
		<figure>file = "class7cr.png" width = "144" height = "415"</figure>
	</crclass>
	
	<crclass>
		<name>Class 7 (Benches)</name>
		<requirement>Bouffant Caps or Hoods, Beard Cover, Face Mask, Smock, Gloves</requirement>
		<figure>file = "class7bn.png" width = "144" height = "415"</figure>
	</crclass>
	
	<crclass>
		<name>Class 7 (Vestibules)</name>
		<requirement>Bouffant Caps or Hoods, Beard Cover or Face Mask, Smock, Gloves</requirement>
		<figure>file = "class7vs.png" width = "144" height = "415"</figure>
	</crclass>
	
	<crclass>
		<name>Class 8</name>
		<requirement>Bouffant Caps, Beard Cover, Smock</requirement>
		<figure>file = "class8.png" width = "144" height = "415"</figure>
	</crclass>
	
</classes>
*/

Open in new window

ColdSpringProductionsAsked:
Who is Participating?
 
cwickensConnect With a Mentor Commented:
wow, I dropped the ball big time here, sorry about that.  Since you are using images that are all the same size, create a movieclip that is H=415 and W=144.  Then change the <figure> tags from this:
<figure>file = "class5.png" width = "144" height = "415"</figure>
to this:
<figure>class5.png</figure>

//Create loader instance.
var my_ldr:Loader = new Loader();

//add this to your showReq function:

function showReq(event:Event):void
{
        var itemSelected:Number = cbClasses.selectedIndex;
        taReq.text = xmlData..requirement[itemSelected];
        my_ldr.load(xmlData..figure[itemSelected]); //<-- add this line
        }


Let me know if that helps...if it doesn't, can you upload your fla, xml and images (you will need to change the file extension of the FLA to .TXT or .XLS or something in order to post it) and I will see what I can do.

sorry it took so long to get back to you,
c
0
 
cwickensCommented:
code looks ok.

 I would say that you should make sure that the SWF, XML and images are all in the same directory since that is how you are calling it...
0
 
ColdSpringProductionsAuthor Commented:
Well, the problem I'm having is that I can populate the text area okay, but I can't seem to figure out how to call the .pngs to the stage when a selection is made in the combo box. That's where I've been beating out my brains for the past two weeks.
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
cwickensCommented:
ok, it doesn't look like you are loading the images at all. I was just looking at the directory structure, since I always screw myself up with that...  sorry about that.  But just to be safe, double check yours!  Anyhow, try this.

Add a movieclip to the stage, give it an instance name of mySquare

add this to the showReq function:
loadMovie(xmlData..figure[itemSelected], mySquare);

so it looks like this:

function showReq(event:Event):void
{
        var itemSelected:Number = cbClasses.selectedIndex;
        taReq.text = xmlData..requirement[itemSelected];
        loadMovie(xmlData..figure[itemSelected], mySquare);
        }

That should be close.  Let me know if it works
0
 
ColdSpringProductionsAuthor Commented:
Okay, I got two errors:
1046: Type was not found or was not a compile-time constant: mySquare
1180: Call to a possibly undefined method loadMovie
0
 
ColdSpringProductionsAuthor Commented:
I changed the properties on mySquare in that I deselected the Export for ActionScript option in Linkage.

Now I'm left with the 1180 error.
0
 
cwickensCommented:
my appologies,  loadMovie() is for AS2.  You need the loader() class.  

I will see if I can sort out the function and post it a bit later, I am walking out the door to a meeting and will be back on later.
0
 
ColdSpringProductionsAuthor Commented:
Any luck on finding how to use the loader() class for this case?
0
 
ColdSpringProductionsAuthor Commented:
No worries--I'll give it a try tomorrow.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.