ActionScript 3.0 :: Create An Accordion Menu That Contains Three Submenus
Jul 28, 2010
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.
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.
I have created an XML driven Drop Down menu using the kirupa tut by Senocular found here. I am trying to figure out how to get the submenus to push the rest of the main menu down on rollover kind of like this. Not sure where to start to get the AS to get the button created fromt he XML nodes to move down.I haven't changed the code found int he tut too much and the menu works fine except that the rollovers just go over the main menu.
I've created a rotating navigation menu with 4 parts/submenus. I'm having trouble of figuring the following:
1. To make the rotation/spinning graphics look smoother
2. On rollover of one of the submenu/movieclip (the rotation will stop and continue on rollout), it should hide/decrease the alpha of other submenus, so a rollover effect could be seen. I've already tried with this:
Code: _parent.MCInstanceName._alpha = 30;
But when on mouse rollout, the hovered submenu/movieclip does not continue to rotate.I've attached my source files if you guys want to have a look at it. Please help me, because I am pretty much a newbie at AS and I'm hitting a dead end.
I have been following and bastardising a computer arts tutorial for a dynamic flash site, its a really good tutorial and I'd like to keep going with that format/style, but I'm pretty new to the whole scripting thing and am finding it a bit of a headache, so was wondering if any kind souls would help me work out how to add submenus to the code below.the main menu button is a movie file(btn_projects_main) consisting of a button (button) and a text box(txt) and is 3 frames long to allow for the different states: What I'm looking for is a set of sub menus which load horizontally below the main menu buttons, here is the code which has been altered slightly (thanks to Ned Murphy for his help and patience with that)
// Setup some initial variables // Hide the button that will display a web link_root.theUrl._visible = 0; // Hide the image icons in the project loader// The image icons are simply there to make
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'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.
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 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'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'm trying to create a navigation panel based on the Flex Accordion control. The 2 things I'm trying to figure out are how to:
modify the Accordion so that all of the of "panels" are closed by default. (normally one of the panels is open by default)treat some of the Accordian headers as just simple buttons (ie you click and an event is triggered instead of an accordion panel opening)
I have created a sliding menu. But that is static( the number of rows are fixed). i want to create a menu with the number of rows dynamic.I have attached the fla file here.
I'm looking to create an infinate menu BUT navigating my menu from left to right using drag rather than the position of the mouse. If there's any links or tutorials around Pleeeeese let me know.
i have a menu which is controlled using two buttons, to cycle through the submenus i have an action script: _root.Up.onRelease = function() { prevFrame();};_root.Down.onRelease = function() { nextFrame();};i have this code for 6 different submenu, but when i test it only work works
I'm trying to make a menu with a text that you can click on, and an animation will start - expanding a new three-button menu beneath it.These three seperate buttons were supposed to have their own menus expanding to the right of it when they are clicked.[code]the button is named "effekt" and the movieclip that is supposed to start is called "elforbrukning" of course. Why won't it work? I have tried _global and _parent._parent instead of _root with no success. I'm running out of ideas."kvadratmeter" and "effekt" lies in the same movieclip, is that the problem?
