treeFlex

[theGuru]

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">

<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.controls.Alert;

private function treeClick(evt:ListEvent):void {
var t:Tree = evt.currentTarget as Tree;
var theData:Object = evt.itemRenderer.data;
if (theData.hasOwnProperty("@img")) {
//textArea.text = theData.@src;
textArea.visible=false;
imageLoad.visible = true;
imageLoad.source = theData.@img;
} else if(theData.hasOwnProperty("@src")) {
textArea.visible=true;
imageLoad.visible=false;
//textHidden.text = theData.@src;
var vinoth:String = String(theData.@src)
//Alert.show(vinoth);
//Alert.show(textHidden.text);
//var vinoth:String = textHidden.text;
//var vijay:String = vinoth;
//Alert.show(vijay);
//vinoth.toString();
var request:URLRequest = new URLRequest(vinoth);
//request.url = textHidden.text;
var loader:URLLoader = new URLLoader();
//loader.dataFormat = URLLoaderDataFormat.loader;
loader.addEventListener(Event.COMPLETE, handleVinoth);

try
{
loader.load(request);

}
catch (error:Error)
{

trace("Unable to load URL: " + error);
}
}



else if (t.dataDescriptor.isBranch(t.selectedItem)) {
textArea.text = null;
imageLoad.source = null;
panel.status = "";
}
}

private function handleVinoth(event:Event):void
{
//Alert.show("ent");
var dataXML:XML = XML(event.target.data);
//Alert.show(dataXML);
textArea.text = dataXML;

}

private function treeLabel(item:Object):String {
var suffix:String = "";
if (tree.dataDescriptor.isBranch(item)) {
suffix = " (" + item.children().length() + ")";
}
return item.@label + suffix;
}


]]>
</mx:Script>

<mx:XML id="dp" source="data/dp.xml" />

<mx:HDividedBox width="100%" height="100%">
<mx:Panel width="200" height="100%">
<mx:Tree id="tree"
dataProvider="{dp}"
labelFunction="treeLabel"
showRoot="false"
width="100%"
height="100%"
itemClick="treeClick(event);" />
</mx:Panel>
<mx:Panel id="panel"
width="100%"
height="100%"
backgroundColor="white" layout="absolute">
<mx:TextArea editable="false" visible="false" id="textArea" x="0" y="0" width="100%" height="100%"/>
<mx:SWFLoader id="imageLoad"
visible="false" scaleContent="true"
width="100%"
height="100%"
/>

<mx:ControlBar>
<mx:Button label="Back"/>
<mx:Button label="Next"/>
</mx:ControlBar> </mx:Panel>
<mx:Text id="textHidden" visible="false">

</mx:Text>

</mx:HDividedBox>

</mx:Application>


Xml Code


<?xml version="1.0" encoding="utf-8"?>
<root>
<book label="frameworks">
<sub label="PHP Frameworks">
<file label="Zend" src="text/zend.txt" />
<file label="CakePHP" src="text/cake.txt" />
<file label="CodeIgnitor" src="text/code.txt" />
<file label="Symphony" src="text/sym.txt" />
</sub>
<sub label="Java Frameworks">
<file label="Spring" src="text/chap.txt" />
<file label="Hibernate" src="text/chap.txt" />
<file label="Struts" src="text/chap.txt" />

</sub>
<sub label="Flex Frameworks">
<file label="Pure MVC" src="text/chap.txt" />
<file label="Caingrom" src="text/chap.txt" />
<file label="BlazeDS" src="text/chap.txt" />

</sub>
<sub label="Images">
<file label="RajiniKanth" img="images/rajini.jpg" />
<file label="Aamir Khan" img="images/child.jpg" />
<file label="Sharukh Khan" img="images/puli.jpg" />

</sub>
</book>
</root>


I need some small changes...

1. How can i make a page color icon green after visit and red before visit. Can anyone change the code above for that.

2. I should not be able to visit the second page without visiting the first page.

3. How to make a next and back button working.