ActionScript 3.0 :: Basic Accordion Menu - Button MovieClips?
Feb 19, 2009
I must say I'm pretty new to AS3.0 and last night I tried to develop this accordion menu. It's not XML driven nor does it use AS3.0 to create each "button". What I did was create individual "menus", basically like drop down menus, and converted them into separate movieClips. Also inside of them there's a button movieClip which is the larger one that opens the menu (instanced "btn"), a reference movieClip called tabHeight to define its height - since it can depend on the number of "sub-menus" you have - and a tabMask that onClick (is supposed) to open and reveal the "sub-menus" while making everything move according to that change. I want it to basically start with all menus closed and onClick it reveals each menu, making the necessary y movements. I am getting some errors and I can't make it to work.
Code:
Select allvar growingTab:Object;
var reducingTab:Object;
var tabArray:Array = [tab_0, tab_1, tab_2, tab_3];
for (var i:int = 0; i < tabArray.length; i++) {
var tab = tabArray[i];
[Code] .....
I'm trying to make a real simple flash menu, and I am using the "Squirrel Finder"-tutorial as a base. Problem is, when I trace my variables desc and swfURL they are correct, and the numbers on the buttons work fine as well, only when I click on the buttons all of them point to the last post in my XML, i.e., buttons 1,2,3,4,5 all point to swf 5.
Code: function skapaMeny(menu_xml) { var proj:Array = menu_xml.firstChild.firstChild.childNodes; for (var i=0; i<proj.length; i++) { var desc = proj[i].firstChild.childNodes; var swfURL = proj[i].firstChild.nextSibling.childNodes; [Code] .....
This was part of a previous post , since I cannot figure how to re do the AS to call actions to a frame i will have to do the menu from scratch. here is the original [URL] I need to re create the animation which I have done using 4 movieclips and eventlisteners for mouseevents. On rollover mc expands On rollout mc closes. problem is I need to figure a way that when you rollover an mc it is called to the top or front of the other 3 and can open without being obscured
I was wanting to use this code for a project: trouble is I can't have the file call any extraneous files. Since I am still learning I am not sure how to go about adusting this code. Essentially I need it to function exactly the same but using the AS3 Tween Class in place of Tweenlite.
///////this is the code I would love to alter!///////// import gs.*; import gs.easing.*; panel1.props = {lx:0, rx:570, ind:1};
So if you click on Capital Strategies group on this page: [URL] you'll find a .swf file that has a collapsible menu (accordion menu). Everything works great except for two problems: 1. There is some sort of wierd masking occuring that's clipping the bottom of the menu as you'll see. 2. The items don't collapse entirely. I assume this has something to do with actionscript but as I'm sifting through it I'm just not having much luck.
i've been looking for a decent accordion menu forever. a coded one, not that component crap that you can't customize worth a damn. i couldn't find one that didn't make my head hurt or didn't require the menus, etc. to be created beforehand. so i finally knuckled down and made one. lazy me. and since i've seen a bunch of posts looking for them, i thought i'd put my efforts here for everyone to use and enjoy. nothing like bashing your head against a wall trying to do something simple.
the code is VERY flexible and quickly adaptable to XML implentation (which i'd actually originally did this for). and, best of all, everything is customizable. out the hoo-hoo. oh... and i commented the hell out of it for my staff, because it's often better to know WHY something works so you can learn from it and use the principles in your own stuff. there are a couple of finesse things with regard to the spacing that just need a tweak +- 1 pixel... but i thought i'd get this up before i move on to something else.i'm working on making this into a class and when i do, i might throw it up if anyone is interested. and mad thanks to the 'lmc_tween.as' crew. i know Zigo is the new deal, but there's life in the old stuff yet!
url...In basic tutorial there is extra part of button where you add menu name "home, about us" etc.But I don't need this. I needed more simplier. From xml file I load an image or swf. And then you just mouse over it and it moves and it clicks. No extra 30 pixels for button space.If i change AS line ldr.x=0 to ldr.x=27 then it moves, but there is extra unnecessary empty space between content things. I don't need it. What should I do?
I am having a little trouble trying to design something similar to this:I tried to do layers with buttons and MC's but it didn't work very well. I think they are using the accordion feature but modified...
i have to make a accordion menu for a client and i have never used the accordion component. is that the best way to go about it or is there another way that is easier and nicer looking?
I'm fairly new to actionscript and am trying to create an accordion menu that contains three submenus. The idea is that when you mouseover one submenu (or rectangle, to keep it simple) that the rectangles which were previously covering it will move to reveal it. If you want an idea of what I'm talking about, menus of this type can be found at the bottom of nvidia's[COLOR=blue ! important][COLOR=blue ! important][/COLOR][/COLOR] site ([URL]) for reference.
At first I tried creating each function, which will make the rectangles move, separately but this resulted in three very repetitive functions and there seemed like there should be a better way, especially since I'd like a good way to add and remove submenus. The animation did work then. I tried to clean it up by creating a for loop that would move each rectangle but now, for some reason, it doesn't work. It is still missing some key points such as utilizing the mOver variable to figure out when each rectangle is moused over Here is the code so far and the very sparse file is attached.
I've seen all kinds of accordion menu examples that allow for one pane open at a time, but I really need one that can have more than one open at a time.
For a simple accordion menu design in flash we have to writting classes that requires advanced knowledge in writting object oriented as3.0.But in javacsript we can make an accordion menu with jquery in just a minute.Is there any effortless way to create accordion or sliding menu instead of incommodious AS3.0 Classes?
I was going to attempt to create a vertical accordion menu with a genie effect this week.So it'll be like your normal text based accordion menu but the entries will shrink and grow depending on where your mouse is.I've never ever seen this specific type of menu before and I'd quite like to get a look at one to visualize how it should behave.
The first on is using the Tweener class and everytime that I press a button it fades out the loaded content of the previous selection, waits for it to finish and then loads the content of the button pressed. Everything works fine with this part.
The second code is the on that is using an Array to dynamicaly rollover, rollout and keep selected the buttons.It was also changing the content of the mc that everything is loaded on but without this fancy fade in - fade out..
Code: import mx.transitions.*; import mx.transitions.easing.Strong; var FADEINSTART:Number = 2;
[code]....
Ive managed to make the previous mc to fade out but cant really make everything work properly..
Having some strange problems with masks in FMX 04: We're developing an accordion style interface. The problem is that buttons and images/mcs that are outside the "masked area" of each module are somehow clickable, or are "invisibly" pushing other content up/down. So basically the buttons/mcs are hidden, but Flash is still seeing them somehow. Is this normal mask behavior? Is there a solution besides setting the button to _visible = false? This is effecting my interface in other ways as well.
i am working on my a portfolio site for my friend who is a photographer and am looking to create a basic menu that when any menu item is moused over it enlarges and the other menu items move to make room for this enlarged menu item.
The first on is using the Tweener class and everytime that I press a button it fades out the loaded content of the previous selection, waits for it to finish and then loads the content of the button pressed. Everything works fine with this part.The second code is the on that is using an Array to dynamicaly rollover, rollout and keep selected the buttons.It was also changing the content of the mc that everything is loaded on but without this fancy fade in - fade out...!So i think its time for some code now...:
Code: Select allimport mx.transitions.*; import mx.transitions.easing.Strong; var FADEINSTART:Number = 2; var FADEINSTOP:Number = 7;
[code]....
Ive managed to make the previous mc to fade out but cant really make everything work properly...!
I have an accordion component on my stage and I really do not even know where to start to do .I found this code on the Adobe help pages and it causes the movement of the accordion to bounce... which is great... but my problem is populating the accordion with the data.
My accordion is called "top_acc".I have three(3) labels... (FIRST,SECOND, and THIRD) Within there i would like arrays to be displayed for the select label.My arrays are defined and when i trace them i get exactly what i am looking for... the format of the code to add an array to my accordion...then upon selecting the item in the array displayed i would to be able to display that same array value in a text box called "my_selection" ....also the amount of items in the array are not static and change day to day..
I have created a Menu in Flash using MenuBar Component and actoin script. I want to interatc this menu with Visual Basic 6.0, but unable to do this as I am unable to adjust FSCOMMAN in code.
I kind of understand how to create a basic username and password 'menu' in flash.[code]But I would like to create a menu where a user can create a new username with then will be added to an exteral file ( data base I guess).From there on anything the user does is remembered on that name. And if that user exits the program and loads it again the user's stats are loaded.
I'm in the process of learning OOP and have run into a small problem. I'm trying to create a basic menu system where you can rollover and rollout of all links. When you select a link, it stays highlighted until you click another link.I've given the 5 links instance names like (link0, link1, link2, link3, link4) and given them each an ID of (0,1,2,3,4) - respectively. I used to be able to do something like this:
I'm trying to create an xml accordion menu that has main menus and a sub menus buttons (movieClips) revealed with a mask. Simple question, How do I stop the mask area which reveals the sub menus catching mouseEvents on the submenus?The main menu button is a movieClip, it has the mask sprite attached to it as a property so it can scale dynamically to reveal the subMenus. They are set as children of the main menu button container. In my code I've set mainMenu.mouseChildern = true. But when the mainMenu is clicked I change mouseEnabeled = false to help prevent the main menu receiving events. This helps on rollOver rollOut events, but when I click or mouseDown on the subMenu the mask catches the event also and activates the main menu again. I've tried the obvious mask.mouseEnabled = false; mask.mouseChildern = false; mask.hitArea = null; and even setting mask.alpha = 0 but this has no effect at all.
I don't understand why the mask has to extend the hitArea property of the mainMenu and why this can't be set to null. It also seems crazy that when mouseChildren = true the parent clip also has to receive notice of the event.
I want to add a button with a cross to the header of the accordion which can be clickable. that means i want to display a message when the some one click on that button. i go through many of the samples in the web but couldn't get it done.
I tried with also a CanvasButtonAccordionHeader, it shows the button but when i click it, it didn't give the message although i created the click event handler.
Basically, I have a button and on click it displays a menu. I want to click that menu a second time and the menu closes. Currently, every time you click the button, the menu reopens. I pasted the Flex livedoc example below. If you click the button, the menu keeps reopening.Now, I rigged it up by setting a var to open and closed, so when clicking the button it does a check. However, if you click away from the screen, the HIDE event gets dispatched, and the menu closes. This messed up the open close var being set.
How could I make this Flex example below show the menu on button click, and then on a second button click, it closes the menu? Take into affect that if you click away from the menu, it closes it.Also, I played around with the MOUSE_DOWN_OUTSIDE event for the button and set the preventDefault, and the FlexMouseEvent event.cancelable is set to false.Changing to a PopUpMenuButton is not an option. I have to much skinning involved.Here is the Flex example:
<mx:Script> <
