XML menu tree

[Flep]

Hi Magdy,
sorry for the late.

have a look:

var menuArray:Array = new Array();
var menuText:TextField;
var menuSubText:TextField = new TextField();

var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("arrays.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

function xmlLoaded(event:Event):void
{
    var xml:XML = new XML(event.target.data);
    var myXML:XMLDocument = new XMLDocument();
    myXML.ignoreWhite = true;
    myXML.parseXML(xml.toXMLString());
    var node:XMLNode = myXML.firstChild;

    var itemArray:Array = new Array();
    var firstNode:int = node.childNodes.length;
    for (var i:int = 0; i < firstNode; i++)
    {
        itemArray.push(node.childNodes[i].attributes['NOME']);
        menuText = new TextField();
		menuText.selectable=false;
		menuText.name=i.toString();
        menuText.y = i * 20;
        menuText.text = itemArray[i];
        menuText.autoSize = TextFieldAutoSize.LEFT;
        addChild(menuText);
        menuText.addEventListener(MouseEvent.CLICK, onClick);

        var itemSubArray:Array = new Array();
        var secondNode:int = node.childNodes[i].childNodes.length;
        for (var j:int = 0; j < secondNode; j++)
        {
            itemSubArray.push(node.childNodes[i].childNodes[j].firstChild.nodeValue);
        }
        menuArray.push(itemSubArray);
    }
    menuArray.push(itemArray);
}

function onClick(event:MouseEvent):void
{
	var id:int=int(event.target.name);
	var submenus:int=menuArray[id].length;
	for(var i:int=0;i<submenus;i++)
	{
		trace(menuArray[id][i]);
	}
}

[Magdy]

Hi Flep!

finally this works for me, but only when tracing.

When I click the top level menu item, I get only one subitem and it the last item of wich top level item.
If I try to create a new textfield inside the onClick for function, I´ve got all the subitems for each level, but when I click other top level item, the old subitem still remains so the new one appears on the top of the old level.

I´ll post the code with what I add:

import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;

var menuArray:Array = new Array();
var menuText:TextField;
var menuSubText:TextField = new TextField();
var myTween:Tween;

var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("arrays.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

function xmlLoaded(event:Event):void
{
    var xml:XML = new XML(event.target.data);
    var myXML:XMLDocument = new XMLDocument();
    myXML.ignoreWhite = true;
    myXML.parseXML(xml.toXMLString());
    var node:XMLNode = myXML.firstChild;

    var itemArray:Array = new Array();
    var firstNode:int = node.childNodes.length;
    for (var i:int = 0; i < firstNode; i++)
    {
        itemArray.push(node.childNodes[i].attributes['NOME']);
        menuText = new TextField();
        menuText.selectable=false;
        menuText.name=i.toString();
        menuText.y = i * 20;
        menuText.text = itemArray[i];
        menuText.autoSize = TextFieldAutoSize.LEFT;
        addChild(menuText);
        menuText.addEventListener(MouseEvent.CLICK, onClick);

        var itemSubArray:Array = new Array();
        var secondNode:int = node.childNodes[i].childNodes.length;
        for (var j:int = 0; j < secondNode; j++)
        {
            itemSubArray.push(node.childNodes[i].childNodes[j].firstChild.nodeValue);
        }
        menuArray.push(itemSubArray);
    }
    menuArray.push(itemArray);
}

function onClick(event:MouseEvent):void
{
    var id:int = int(event.target.name);
    var submenus:int = menuArray[id].length;
    for (var i:int = 0; i < submenus; i++)
    {
        menuSubText.x = 200;
        menuSubText.y = i * 20;
        menuSubText.selectable=false;
        menuSubText.text = menuArray[id][i];
        myTween = new Tween(menuText, "y", Strong.easeOut, menuText.y, menuSubText.y, 1, true);
    }
}

menuSubText.autoSize = TextFieldAutoSize.LEFT;
addChild(menuSubText);

Try testing this please...
Thank you very much for all your help!!
Bye

[Flep]

You have to create a new TextField for each subitem inside of onClick function.

[Magdy]

Hummmm...

I´ve tried this. I create the textfiel inside the onClick function under the for loop, becuase is the only way to get the others sub items to appear.

If I create the texfield outside the for loop, it only shows the last subitem of each top level.

When I create the textfield under the for loop, I get all the items, but there´s another problem, when I click in another top level Item of the menu, the old items remain in the stage so it looks like text over text.

Give me a Tip!
Now I have to go.
Bye

[michako]

Hi guys,

This is a concluded tree menu based on your steps!
I don't know if this is the best way to do it but its working
Sorry I don't have any time to explain it know (too much work to do)
but I will answer to your questions (or I 'll try).
Send me your feedback!!

[hey!this is my first contribute to the flash community!!! cool!!!!]

[Flep]

Thank you michako ! I appreciate it

It works properly, perhaps you just need to add the MouseEvent.MOUSE_DOWN at the submenu textfields

[michako]

Of course!
As I am working my project I have improved it a lot.
I'll post the full version if anyone asks it.
This is for the ones who need a base to begin!

Great!
Have a nice day!

[Magdy]

Thanks michako!!!

It´s exactly what I was wondering!!!
Thank you very much!!!

Now I will study the code to understand everything...

Again thank you very much!!
And thank you Flep for all your patience.

Bye!!!

[ila74]

ciao, ho scaricato il tuo menù, fantastico!!!, ma mi servirebbe anche un terzo e quarto sottolivello, come faccio ad inserirli?
grazie, ciao

Originally Posted by hard_overclocker

Hey Magdy, here is one XML menu I created for a website. Take a look at the source and perhaps you can get some help out of it. The problem is that the code is bloated with all kind of junk workarounds (my type of coding i'm afraid).
Hope this helps, if not perhaps we will have a tutorial here soon about this.

I have uploaded the code.

Happy flashing. Ciao

[ila74]

ma non funzionano i link nel menù .rar ???
come si fa?

Originally Posted by hard_overclocker

Hey Magdy, here is one XML menu I created for a website. Take a look at the source and perhaps you can get some help out of it. The problem is that the code is bloated with all kind of junk workarounds (my type of coding i'm afraid).
Hope this helps, if not perhaps we will have a tutorial here soon about this.

I have uploaded the code.

Happy flashing. Ciao