Solved

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

Posted on 2008-06-12
10
877 Views
Last Modified: 2013-11-11
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

0
Comment
Question by:ColdSpringProductions
  • 5
  • 4
10 Comments
 
LVL 5

Expert Comment

by:cwickens
ID: 21772111
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
 

Author Comment

by:ColdSpringProductions
ID: 21772815
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
 
LVL 5

Expert Comment

by:cwickens
ID: 21772916
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
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:ColdSpringProductions
ID: 21773083
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
 

Author Comment

by:ColdSpringProductions
ID: 21773391
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
 
LVL 5

Expert Comment

by:cwickens
ID: 21773438
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
 

Author Comment

by:ColdSpringProductions
ID: 21814065
Any luck on finding how to use the loader() class for this case?
0
 
LVL 5

Accepted Solution

by:
cwickens earned 500 total points
ID: 21814273
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
 

Author Comment

by:ColdSpringProductions
ID: 21826764
No worries--I'll give it a try tomorrow.
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
The last time I worked with Flash and Socket connections was in AS1. A recent project required flash connecting to a Socket, and sending receiving information - we figured it would be easy enough - we all know about the socket policy documents and c…
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now