Printable View
I have an interactive state map, when you mouse over a county certain statistics are displayed.
My client wants to be able to change the statistics. I understand that xml is probably the best way to do this but I have never done anything like this before. Is there a good tutorial or can someone walk me through how to do this?
Thanks in advance!
in my footer is is a link called xml101.. this may help give a quick understand on how to load and parse the XML data..
basically XML is nothing more a more organized way to bring data into your project then a regular .txt file.
once you load and parse the XML data.. you still have to write code (AS) to handle the data, and do what you want done with it..
Thanks for the reply but I have no idea where to even start. How do I set up the info in my xml file?
Thats up to you.. there is no 'real' set way to set-up your XML outside of a few rules.
thats what makes XML so powerful...its flexible..
basically set tings up in an intuitive format/grouping..organizing associated data together
example:
and so on.. for each states..PHP Code:<states>
<state name="Alabama" color="FF0000">
<desc>Some text here saying whatever</desc>
</state>
<state name="Arizona" color="CC00FF">
<desc>Some text here saying whatever</desc>
</state>
</states>
if you look.. I made a <states></states> node.. and inside those tags.. I grouped simialr data (<state></state> tags)...
inside each <state> tag.. I put data associated with that state..
the tag names are what you want them to be.. but you need to open & close them like an HTML tag..
the above is a VALID XML layout (schema)
Ok, I think I'm starting to get it. I've attached a screen shot of the file I'm working on; when you hover over a county the information is displayed. How do I display the ages and pregnancy rate information in the xml file?
Also do I need to list the counties in alphabetical order?
Thanks again, this has been a huge help.
ok..so this is for counties? and not states?.
either way the approach would be the same..
1.) you need to have all those 'counties' be individual buttons/movieclips.
2.) you would need an XML file that has all the data you want to display/add.. (what is it?, JUST ages and pregnancy info?)
3.) you would need to load, then loop through this XML file and add the data to each clip (county) on the map...
4.) while you are looping through the XML data and assigning the specific data to each clip...you can also assign rollOver/Out actions.. to display a pop-up or whatever and display the info.
as for the XML file..
you could do this:
when ypou put the data i-line that the above.. its called using an attribute, instead of a full 'node/element' to hold the data..PHP Code:<counties>
<county name="County1" age="24" rate="24.1" />
<county name="County2" age="18" rate="106" />
.....
</counties>
the above is basically the same as this.. (but the above is a little easier and less text)
are are valid.. and will work..but if you data is simple..and doesnt need any special formatting the top approach is easier and less work.PHP Code:<counties>
<county>
<name>county 1</name>
<age>24</age>
<rate>24.1</rate>
</county>
<county>
<name>county 2</name>
<age>18</age>
<rate>106</rate>
</county>
</counties>
Unfortunately the info has to be displayed a certain way, so I should use the second example?
what do you mean a certain way? you can do whatever you want with the data...
the XML schema/layout comes into play if you have more than one piece of the data for the same thing.. looking at the image you linked to..
will each county have the same breakdown for ages? 3 age categories?
when you have the similar data for an item..it is best to group them together in a parent node/element.. this makes it EASIER in flash to loop through that specific node and grab only that data..
example:
PHP Code:<counties>
<county name="county1">
<ages>
<age>20</age>
<age>22</age>
<age>24</age>
</ages>
<rates>
<rate>12</rate>
<rate>106</rate>
<rate>48</rate>
</rates>
</county>
<county name="county2">
<ages>
<age>20</age>
<age>22</age>
<age>24</age>
</ages>
<rates>
<rate>12</rate>
<rate>106</rate>
<rate>48</rate>
</rates>
</county>
</counties>
or maybe this type of layout would work best for you:
keep in mind XML is nothing more than an 'organized' text file.. its just a way to bring in data into your flash movie.. nothing more.. you still have to code things on the flash side to handle that data and display how & where you see fit.PHP Code:<counties>
<county name="county1">
<statistics>
<data age="18" rate="24" />
<data age="20-24" rate="106" />
<data age="25+" rate="20" />
</statistics>
</county>
<county name="county2">
<statistics>
<data age="18" rate="33" />
<data age="20-24" rate="126" />
<data age="25+" rate="44" />
</statistics>
</county>
</counties>
As you hover each county that counties information is displayed. I just need to make sure that the information for each county displays consistently (like the screen shot shows)
In answer to your question: will each county have the same breakdown for ages? 3 age categories? Yes.
consistently...?? as in all the time? or visible until you rollover a new 'county'?
I suggest my last XML layout/schema then...
I would also suggest you name each clip(county) the same as you use in the county name in the XML field..so you can easily target (find) the clip on the stage and assign data to it..
The format of the text needs to be the same for each county:
Ages
10-14
15-17
18-19
Pregnancy Rates
1.3
29.7
101.7
If you'd like I can send you the .fla file but I won't be able to send it through the forum, it's over the size limit
I dont need the .fla (I dont wanna do the project for ya!) LOL
Im just trying to help you understand so you can do whatever works best for you.
so each age bracket/range is the same for EACH/EVERY county...
and only the Prego. Rates change?
if so then you dont need the age attribute in the XML file..
basically you'll load the XML file..and pick (parse) out the data you need.. you will need to decide how & where you want to put this data.. will you have 3 separate text fields for the rates of each county? 1 text field that you just format with line spaces?..etc
make sense?
That is correct, the age ranges are the same for each county only the prego rates will change. With that being said should my xml file look like this?:
<counties>
<county name="Adams">
<statistics>
<data rate="0.0" />
<data rate="10.3" />
<data rate="61.3" />
</statistics>
</county>
Thanks again for all your help, I apologize for all of the posts.
if that is all the data you have/need.. you can even make it a little shorter
using the above XML schema.. I would make the "Adams" movieClip that is on the stage..have the same instance name (Adams)PHP Code:<counties>
<county name="Adams">
<data rate="0.0" />
<data rate="10.3" />
<data rate="61.3" />
</county>
</counties>
here is a quick example..Im sure you can adapt to your needs..
ther are only two clips (counties) on the stage..
their instance names are:
Adams
county2
(same as the names in the XML file)
XML FILE I USED:
Code:
<counties>
<county name="Adams">
<data rate="0.0" />
<data rate="10.3" />
<data rate="61.3" />
</county>
<county name="county2">
<data rate="12" />
<data rate="10.5" />
<data rate="66.9" />
</county>
</counties>
Ok, I think I got it now. My next question is how do I call my xml file from flash?
I bet you really regret responding to my thread now : )
?? huh ?? did you look at the file (.fla) I attached for you?
its basically your whole project done for you..
My bad, I didn't see the attached file. Sorry.
no problem... it is all there for you...
the only thing you would need to do is:
1.) populate the XML file with all your counties (or whatever ones you need to add data to)
2.) name all the movieClip/counties on the stage to match the names in the XML file
3.) add a few lines of code that when you rollOver the movieClip/county (already there)..the data that is nested inside each clip gets display in a text field..or 3 separate textfields..(not already there)
when you rollover the clips you will see the data trace out already..
This might be a non-issue but I'm going to ask; Each county in the map is a button and not a movie clip. Do the counties need to be movie clips?
shouldnt matter.. however you can make a movieClip..and assign button events to it..
ie:
movieClip1.onPress = function(){
//do something here;
}
Ok, I know I'm real close I've done steps 1 & 2 but I'm confused how I do #3. Do I add the text inside each county/button?
1.) populate the XML file with all your counties (or whatever ones you need to add data to)
2.) name all the movieClip/counties on the stage to match the names in the XML file
3.) add a few lines of code that when you rollOver the movieClip/county (already there)..the data that is nested inside each clip gets display in a text field..or 3 separate textfields..(not already there)
when you rollover the clips you will see the data trace out already..
no...that would be the textfield(s) that will display the rates whenever you rollover a county..
form the image you linked to.. it looks like it is on the right side...
then instead of this:
do this: (assuming you have 3 text fields on the stage named rate1_txt, rate2_txt, and rate3_txt)PHP Code:_root[targetName].onRollOver = function(){
trace("NAME: "+this.countyName);
trace("RATE1: "+this.rate1);
trace("RATE2: "+this.rate2);
trace("RATE3: "+this.rate3);
}
PHP Code:_root[targetName].onRollOver = function(){
rate1_txt.text = this.rate1;
rate2_txt.text = this.rate2;
rate3_txt.text = this.rate3;
}
I'm looking forward to seeing your final project whispers ;)
Actually, wish I would have seen this thread earlier, I did something similar here:
http://brianwpiper.com/ill/ill.htm
All xml fed...I also proposed creating a little exe the client can run on their PC using SWFStudio which lets them change the info, then it writes the new xml and ftp's it up...I did that on another project and it worked great and kept them out of the xml...
good luck ISU95! Looks like whispers has kept you on the right track!
I have done something similar with a US map of states.. all XML based..
change color of each individual state..display (or not) the state abbreviation...also has a 'tool tip' where you can add data to if desired.. (population, sate flag, name, state bird..etc) whatever really..
hopefully he'll get it all worked out... :)
Whispers has been a huge help, I can't thank him/her enough. He's pretty walked me through the whole project. Unfortunately I've only done a little action scripting and I've never done anything with xml. I don't have it working quite right yet but I think I'm close, it's due to the client tomorrow!
That's why I'm such a FK fan...I've gotten LOTS of help and code here myself. Wasn't bashing u ISU, just poking a bit at the hatted cat... :)
Oh I know, without whispers help I would be screwed!
Whispers;
Does the following code go in the actions layer?
_root[targetName].onRollOver = function(){
rate1_txt.text = this.rate1;
rate2_txt.text = this.rate2;
rate3_txt.text = this.rate3;
}