Knowledge Base


Important! All new questions are usually answered within the next business day.

Accordion (Tree) Menu V3

(views: 18246)

Accordion Menu V3 and Accordion Tree Menu V3 are xml flash accordion menus featuring customized states, customized transitions and tweens. Here are all known issues for Accordion Menu V3 and Accordion Tree Menu V3, they should be similar, since basically it is the same component. If you have any questions that you think we should discuss here please let us know.



Open menu upwards

(2008-04-10 - views: 3016)

Q: Can the accordion menu be opened upwards so that the bottom stays fixed in one position ?
A: The menu always opens downwards but there is a workaround that would make the menu to be aligned to the bottom. While the menu is opening (downwards), you need to move the entire menu upwards. The example below does just this.
Files: ATM_OpenUpwards.zip 


User Comments

Open menu upwards AS3
posted by juniorkimbrough on 2009-04-07

There is an example where the acc menu open upwards but its implemented in as2. Is it possible to get the example in as3?

Best regards
Open menu upwards AS3
posted by florodebat on 2009-04-08

Below is the AS3 code that will make the menu to be aligned to the bottom:

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent
// Once the component has been completely drawn, position it to the bottom of the Stage.
function drawHdl (evt: AccordionMenuEvents):void{
arrange();
}
// Each time the user clicks on an item, move the accordion menu to the bottom of the Stage.
// Listen for the "onDrawComplete" and "onChange" events.
import com.jumpeye.Events. AccordionMenuEvents;
accTreeMenu.addEventListener(AccordionMenuEvents.DRAW, drawHdl);
accTreeMenu.addEventListener(AccordionMenuEvents.CHANGE, drawHdl);

// Function for arranging the accordion's position.
function arrange():void {
var finV:Number = stage.stageHeight - accTreeMenu.height;
trace (stage.stageHeight)
trace(finV)
moveMe(accTreeMenu, finV, accTreeMenu.tweeningDuration);
}

//This function actually moves the accordion menu.
//a - the reference to the accordion menu
//finalValue:Number - the final value of the y coordinate
//time:Number - the duration of the tween (should be the same as
//the component's tweeningDuration parameter)
function moveMe(a:Object, finalValue:Number, t:Number):void {
// The tween type and ease type parameters of the Tween should have the same values as the
// tweenType and easeType parameters of the component.
var obj={};
var tween:Tween = new Tween(obj, "prop", Strong.easeOut, a.y, finalValue, t, false);
// On each onMotionChange event, we need to round the tween's values for a smooth tween.
tween.addEventListener(TweenEvent.MOTION_CHANGE, onMotionChanged )
}

function onMotionChanged (tw:TweenEvent):void{

accTreeMenu.y = Math.ceil(tw.target.obj.prop);
}
Hope this helps
Where does the AS3 code go?
posted by bigbadroo on 2010-01-03

Hi

I tried putting the AS3 code inot the above file, and it tells me it needs AS2. So I then put the AS3 code into the AS3 Accordion Menu fla file, and it only displays the regular drop down menu, not from bottom up.

Could you please elaborate on where the AS3 code needs to go to make this work?

Thanks for your time and help.

Shaun Thomson
AS3 code above is usable only with the AS3 version of the component
posted by florodebat on 2010-01-13

Sorry for the late reply - it's more advisable to write us using the ticket system because we do not guarantee 100% response here. I have retested the code above and it is working fine. I am not very sure what is wrong in you case but please open a new support ticket and our tech support team will help you to solve that issue.

http://www.jumpeyecomponents.com/support/open.php


Login to post your comment login to post your comment

Other questions in this item:

Call JavaScript from XML Open menu item pages into target - "_self" Can I add a rollover sound? Change Text Color on Rollover Item description from XML Load movies on item select Use hand cursor on menu Go to different frames by pressing a menu item Transparent background menu Add different styles for each main items. Insert a line break into label Keep the Accordion (Tree) Menu V3 vertically aligned Disable-Enable Accordion (Tree) Menu V3 Referencing item's textfield in Accordion (Tree) Menu V3 How do I add the AccordionTreeMenuV3 on stage in runtime? Underline On Rollover Scene navigation Align header text to right Adding icons Use hand cursor on menu Selected item level acc.height not updated? how to change fontsize How do I add the AccordionTreeMenuV3AS3 from class file to stage Animated items hotwo: submenus already expanded on activation? Add a fixed item under the menu Automatic Collapse Get the type of the selected item Accordion Tree Menu expandAll() Go to different frames by pressing a menu item clickItem() and expandItem() do not execute actions of menu item Letter kerning Autoexpand on Start Change the position of the menu icons Children of a menu item Go To First Child When Select Top Level Menu Item Change the position of the folder icons Reference to text fields within menu items Rotated text for menu items Spacing between menu items Step backwards and forwards through menu Accordion menu accurate size Menu Item visibility / disable Letter kerning Title on multiple lines


Back

Knowledge Base Search

Enter keywords below:
Advanced Search
FlashEff 2.0
Create professional flash photo slideshows online

FREE Flash Stuff

Check out these free, fully functional AS3.0 Flash components by Jumpeye:

FlashEff 2.0 Free
(free for non-commercial use)

JC Panorama
(free for non-commercial use)

JC Play List
(fully free)

Basic Menu Pack V3
(free AS3 version)

MCTE V3
(free AS3 version)

JC Player
(free for non-commercial use)

JC Flash Map
(free for non-commercial use)

Flash Bookmarks
(fully free)

ActionScript Bridge AS2-AS3
(fully free)

JS Charts
(free for non-commercial use)

Free Trial Versions

The trial versions do have a major limitation. They will ONLY run into debugger flash player versions, such as the Flash IDE player and the activeX FP used by developers.

Switch from Free Trial version to Full version.

You can switch from Trial to Full versions in a blink of an eye.
See this tutorial in order to find out how.

We accept Google Checkout

Google Checkout Acceptance Mark

Secured by VeriSign