Knowledge Base |
Accordion (Tree) Menu V3
(views: 25374)
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.
Use hand cursor on menu
(2008-06-05 - views: 6430)
Q: How can I enable the hand cursor when the mouse rolls over the Accordion Menu or Accordion Tree Menu component instance ?
A: Each menu is composed of items that represent display object containers, so the useHandCursor and buttonMode properties have to be set to true for each one of these items and also the mouse actions have to be disabled for the children objects.
Place the AccordionTreeMenu component on the stage, give it an instance name of accTreeMenu and, from the Component Inspector panel, set the xmlPath property to an appropriate .xml file. Next, bring up the Actions panel and place the next code in it:
import com.jumpeye.Events.AccordionMenuEvents;
// You have to listen to the AccordionMenuEvents.DRAW event, to set the
// useHandCursor property of the items, because this is the
// moment when the items already exist (the drawing is done on
// the second frame of the component so on the first frame
// there are no items defined).
accTreeMenu.addEventListener(AccordionMenuEvents.DRAW, completeHandler);
function completeHandler(evtObj:AccordionMenuEvents):void {
// The number of menu items.
var length:Number = evtObj.target.items.length;
// Go through all the menu items and set the header elements to use the hand
// cursor (also you have to disable mouse events for the items' children).
for(var i:int = 0; i < length; i++) {
evtObj.target.items[i].header.buttonMode = true;
evtObj.target.items[i].header.useHandCursor = true;
evtObj.target.items[i].header.mouseChildren = false;
}
}
Place the AccordionTreeMenu component on the stage, give it an instance name of accTreeMenu and, from the Component Inspector panel, set the xmlPath property to an appropriate .xml file. Next, bring up the Actions panel and place the next code in it:
import com.jumpeye.Events.AccordionMenuEvents;
// You have to listen to the AccordionMenuEvents.DRAW event, to set the
// useHandCursor property of the items, because this is the
// moment when the items already exist (the drawing is done on
// the second frame of the component so on the first frame
// there are no items defined).
accTreeMenu.addEventListener(AccordionMenuEvents.DRAW, completeHandler);
function completeHandler(evtObj:AccordionMenuEvents):void {
// The number of menu items.
var length:Number = evtObj.target.items.length;
// Go through all the menu items and set the header elements to use the hand
// cursor (also you have to disable mouse events for the items' children).
for(var i:int = 0; i < length; i++) {
evtObj.target.items[i].header.buttonMode = true;
evtObj.target.items[i].header.useHandCursor = true;
evtObj.target.items[i].header.mouseChildren = false;
}
}
User Comments
RollOver with Timeline
/Animated-items~129/
posted by negush on 2008-06-09
If you mean to have menu item states with animation, here is a knowledge item for that situation: http://www.jumpeyecomponents.com/knowledgebase/Accordion-%28Tree%29-Menu-V3/Animated-items~129/
type not found error
i tried this code but i get the following error:
1046: Type was not found or was not a compile-time constant: AccordionMenuEvents.
posted by kagamushu on 2010-02-18
Hello,i tried this code but i get the following error:
1046: Type was not found or was not a compile-time constant: AccordionMenuEvents.
import AccordionMenuEvents
you will have to import the AccordionMenuEvents in order to get rid of that error message. Just add the bellow line of code into the Actions Panel and everything should work fine.
import com.jumpeye.Events.AccordionMenuEvents;
posted by florodebat on 2010-02-26
kagamushu, you will have to import the AccordionMenuEvents in order to get rid of that error message. Just add the bellow line of code into the Actions Panel and everything should work fine.
import com.jumpeye.Events.AccordionMenuEvents;
Login to post your comment










Thanks for the help.