Nested xml tree menu - documentation


Index:

  1. Installation
  2. Create xml file
  3. Use smart clip file
  4. examples

1. Installation

One you have downloaded the nested xml files in .zip format extract it in a temporary folder. Open Macromedia Extension Manager (version 1.3 available) and select ss_nested_tree_menu.mxp file from the temporary folder where you have just created.
The installer will put a fla file into you Library folder under your flash installation folder. Also a folder named ss_nested_tree_menu will be created with an example file (and an xml file) about the extension usage. Take a look there.

NOTE: Macromedia Extension Manager will install this extension under 'Libraries' folder, if you have a flash language version different from english remember to copy the file installed there into your Library folder under your Flash installation folder. (italian version ex: move it under 'Librerie')





2. Create the xml file


Take a look into ss_nested_tree folder under your flash installation folder to see an example about the xml generation file. Or try this on-line example
The first xml node includes some options like x offset and links color:
<TREE_MENU_NESTED OFFSET="15" MAINCOLOR="#000000" SUBCOLOR="#666666" OVERCOLOR="#ff0000">
....
</TREE_MENU_NESTED>


Now add your links and sublinks just opening new nodes <TREE>Link title</TREE>
Remember to close the node each time you open a new node <TREE>.
Inside the TREE tags you can add multiple sublinks like this:
<TREE>Folder Title
<TREE ACTION="URL" LINK="http://www.sephiroth.it" TARGET="_blank">me</TREE>
<TREE ACTION="FRAME" LINK="2" TARGET="_root.clip1">Movie clip's frame</TREE>
</TREE>


Link menu construction:
<TREE ACTION="" LINK="" TARGET="">Title</TREE>
- ACTION: FRAME/URL
FRAME if you want to make a link inside your flash movie.
URL to make an hyperlink to a specific html page outside flash
- LINK: Frame Number/Web Page
Frame Number in case you have selected FRAME as action
Web Page if you chose URL as action
- TARGET: Window/Movie Clip
Window is the target window or frame
Movie Clip is the target location for links inside flash








3. Smart clip Usage


To use the extension in your flash files just select from menu:
window->common libraries->ss_nested_tree_menu and drag to the stage NESTED TREE MENU movie clip from the library.
Set up the smart clip options.
select from menu:
window->Panels->Clip Parameters a new window will open with two selectable parameters: yoffset and xmlfile.
yoffset is the vertical distance between links
xmlfile is the name of the xml file you will use to generate the flash file. Remember to save first your work in the same folder as the xml file.







4. Examples



the code:
<TREE_MENU_NESTED OFFSET='15' MAINCOLOR='#000000' SUBCOLOR='#666666' OVERCOLOR='#ff0000'>
<TREE>Folder link
<TREE>Test first nested
<TREE ACTION="URL" LINK="about:blank" TARGET="_blank">Blank link</TREE>
</TREE>
<TREE ACTION="URL" LINK="about:blank" TARGET="_blank">Blank link</TREE>
<TREE ACTION="URL" LINK="mailto:alessandro@sephiroth.it" TARGET="_self">Contact form</TREE>
</TREE>
<TREE ACTION="URL" LINK="http://www.sephiroth.it" TARGET="_blank">Simple link</TREE>
<TREE ACTION="FRAME" LINK="2" TARGET="_root.movie1">GotoAndStop movie clip</TREE>
</TREE_MENU_NESTED>

:: xml file here ::





5. Contacts

Report bugs or contact me at: info@sephiroth.it