My experience with frog style web engineering is the greatest buying experience I had so far on Internet (and believe me I'm buying very often)
The application was working very well, with great examples, and when I wanted some information I received almost instant reply.
If you are wondering if you should buy or not... don't hesitate a second, they are fantastic!
John L. (Canada)
Thanks for a terrific component - a real timesaver.
Stephen Bliss, Squarehead Design Studio
Wow, FSNAVIGATION2 is really easy to use!
Charlie Stephens (USA)
Your product is wonderful and has been simple to use! I am occassional Flash user but I found the XML approach easy and effecient
Chris Marsh, Synergy International
NEW FEATURES
fsNavigation2 has received a couple of new features:
XML file can now be set through the component
inspector
support for multiline menu entries
tooltip for too long menu entries
font size through component inspector
limit the number of submenus and display a scrollbar
and most important of all: theres an evaluation
version (out of date, new version comming soon)
If you have questions about this component, please have a look at the FAQ section first.
Reference - getting started
It's easy to control the menu by ActionScript, technically, you need only those two functions:
addMenu(label:String [, icon:String])
label: the text you want the menu to have
icon: Optional, pass in the link name of the library-item you have exported for ActionScript use returns: a pointer to the menu that just was added, type: MovieClip of class menu_object
addSubMenu(label:String, href:String, target:String)
label: the text on the submenu-item
href, target: for your convenience and since most of the usage will be as a link-menu to external HTML pages, you can specify an action that links to URL with this arguments returns: a pointer to the submenu of type MovieClip (class fsNavigation2_submenu)
Reference - the main class
The fsNavigation2 component has three classes: fsNavigation2, fsNavigation2_menu, and fsNavigation2_submenu. Each class has severals functions you can call or properties you can set / get.
features of the class fsNavigation2
addMenu(label:String [, icon:String, href:String, target:String])
label: the text for the menu
icon: the id of the MovieClip you exported for ActionScript - optional
href, target: an optional url to open a website setDataProvider(xml:String)
xml: an XML formatted string (you can use our menu generator) menus:Array
get an array of all menus this navigation instance contains
the following parameters can be set or used to receive values. If you set them to a new value, it only applies to menus created after. Colors can be set using the hex notation (eg. 0xFF0000 for red)
addSubMenu(label:String, href:String, target:String, level:Number)
label: the text for your menu object
href, target: optional, set to undefined if you do not want a getURL action
level: 2 or 3 set_href_action(href:String, target:String) addEventListener(obj:Object)
obj: an object that contains a function called onRelease open() close() submenus:Array
get all submenus
the following parameters can be set or used to receive values. If you set them to a new value, it only applies to submenus created after. Colors can be set using the hex notation (eg. 0xFF0000 for red)
set_href_action(href:String, target:String) addEventListener(obj:Object)
obj: an object that contains a function called onRelease textformat_submenu:TextFormat textcolor_submenu_over:Number text:String color_highlight:Number
only US$ 20.00
drag the fsNavigation2 component from the components panel (Ctrl-F7) to your stage.
in the properties panel, name the instance, for example my_fsNav
create a new layer in your timeline and name it actions (that's not neccessary, but nice to do)
select the first frame of layer actions. This is where you build your menu. Press F9 to open the Actions window
to add a menu, type my_fsNav.addMenu("my_first menu", "some_icon");
to add a submenu, type my_fsNav.menus[0].addSubMenu( "my first submenu", http://www.frogstyle.ch","_this");
repeat steps 6 and 7 for all menus you need
using the component inspector (Alt-F7), you can set the fonts and the colors of your navigation object.
If you want to use XML as input for your navigation, please use the code below. And to help you build the XML file, please refer to this page.
To attach custom events to menu items, write:
// create an event listener
var el:Object = new Object();
el.onRelease = function()
{
// insert your code here
trace(this + ".onRelease()");
}
// attach that eventlistener to some menu or submenu item:
your_menu_item.addEventListener(el);
Gianni Frey is a ColdFusion, C#, and Flash Programmer, and a Layout Designer. He currently studies Computer Science at ETH Zurich.