ActionScript 3.0 :: Click In One Element From The Main Menu And It Creates His Own Submenu
Nov 14, 2009
I'm trying to develope a simple elastic menu in AS3 but I have several problems because is difficult understand OOP when I come from AS2. I have a class named "menu" to create a vertical menu with n elements using a MovieClip from the library. It is linked properly as "base_primaria" and with MovieClip class as base class. Every element in the menu is in button mode and when is clicked calls a method (crearsub) to create a submenu.
I have another class named "submenu" that creates a submenu with n elements using a MovieClip from the library. It is linked properly as "base_secundaria" and with MovieClip class as base class. All the elements in the main menu must be relocated depending on the .y position and their .height. For that I'm using a method inside "menu" class named "posicionar". To animate the elements I use TweenLite. The first problem is I want to relocate all the elements through TweenLite and it is not working. Probably the "posicionar" function is wrong. The second problem is I want to click in one element from the main menu and it creates his own submenu. If there is one element with a submenu created, it must to disapear. All the elements must to relocate in real time in every click. Here the "menu" class code:
url...I don't really know actionscript and I have two issues.Firstly, and most importantly, how can I make the submenu design different to the main menu? Specifically, I need the submenu items to have different y spacing, width, font heights & background. No probs doing a separate movieclip, but how do I assign a certain movieclip depending on whether it's a main menu or submenu item? Secondly, when the cursor moves off the movie, the last open submenu stays open! This happens in this site's example as well. It only closes when the cursor hits another main menu.
have designed a menu that opens into a sub menu that in turn opens up to reveal another menu .the menu is split 5 times too reveal the submenu's the script to do this is a tween that at frame 6 opens the menu and 11 closes it.
This is replicated to form another sumenu
I have declared the menu instance as "menu"
I have declared the submenu instance as "subsect"
I have declared the button to open the submenu as "expander"
using the with action i have told the expanders to tell all the other submenu's to play the closing sequence so that the open menus close when a new menu is opened .this fails to work as the with action cannot find the target .the code on the expander button is as follows
on (press) { gotoAndPlay(5); with (_root.menu.subsect2) {gotoAndPlay(11); [code]............
I'm recreating an xml menu inspired by [URL]... How to change the menu to a horizontal menu with the same submenu animated dropdowns... so basically, I need the main categories to go accross the top and the rest work the same.
I love Senocular's XML-Driven Drop-Down Tutorial. But I can't seem to get it to make the menu headers look different from the submenus.
(and if anyone is interested, i've turned it into a horizonal menu... reply and i'll post the code. better yet, help me fix the GUI issue and i'll post it )
ive followed Senoculars drop-down menu tute [URL], awsome stuff, but it seems the submenu's dont disappear to well when you roll out. ..They only disappear if you click on another menu item or when you click outside the menu.
I have a problem with gotoAndPlay option.I have 2 layers with 3 keyframes, on 2nd frame i have movie clip image_mc which has a dropdown menu and here i will stop the timeline. On mouseover of image_mc I will get a dropdown in which if I click on 1st menu the timeline should go and stop on 3rd keyframe of main stage, but its going to 3rd frame inside movie clip, how to come out of mc on click.
i have a products application that loads all the info from XML.The objective is to generate a image based menu that when an element is clicked is going to load css formatted text and a set of thumbnails. That set of thumbnails (that are specific from each product) are supposed to load the full images.My problem is that i'm ok until loading the thumbnails but i can't get to opening the full images when the thumbnail is clicked.
XML Structure
HTML Code: <?xml version="1.0" encoding="utf-8"?> <clientes> <cliente>
[code]....
The main problem is when i try to set a name for every thumbnail and then use it in a function outside the main button click function. I tried also to load the thumbnails and put the for loop outside the main menu click function but also i can't get the correct node in the XML to load the images that should be loaded.
I have a file with 4 movieclips on the main timeline. 2 of the clips (home_btn, benefits_btn) are used as buttons with rollovers, submenu, etc. The other 2 clips (home_mc, benefits_mc) are basic content. What I've been trying to do for a couple days now is to link from a submenu button (benCor1_btn, not a mc btn) inside benefits_btn to a frame label inside a mc (benefits_mc, "b1"). I've attached my FLA file for some to look at my code and tell what the heck I'm doing wrong.
How can I make sure a menu button name appears in a different colour when it is selected and stays that colour until the user navigates to another page?Example: My menu buttons have a dark brown font. I have changed the font colour to red on the 'down' state of the button setting. This means the users clicks on a menu, e.g. Gallery and the Gallery button turns red briefly. However, it doesn't stay red which is what I want.
I have a simple vertical xml menu layed out and would like to know how to create submenus that appear below the selected entry and move all other menus down to compensate.[URL]
I just finished creating a large online flex app with 43 different screens. I am using a mx:MenuBar with four main menus and a couple of submenus to navigate between these screens.I am now trying to convert this into a iPad app as well, but the mx:MenuBar does not appear to be supported in mobile flex. Is there any way I can replicate this sort of navigation system in mobile flex? The user needs to be able to move between any of these pages at any time, and 43 tabs will obviously not work
So here is the question, I'm trying to make a dropdown menu (DESIGN) with submenus (INTERIOR) (EXTERIOR) etc...But when i finnaly completed the dropdown script and i started linking (interior) and (exterior) submenusto the frame i want, what happens is that i rollover (DESIGN) appears (INTERIOR) and (EXTERIOR)i click over (EXTERIOR) and it brings up the frame i want, and when i drag my mouse over the //area of DESIGN Dropdown menu\ againit takes me back to frame number 1 (HOME).What i want is to stay on the page i requested until i choose to go to another one, by clicking and not go to (HOME) everytime i drag my mouse over the Dropdown menu area.
I've been using sen's flash/xml drop-down menu tutorial, and I have been able to create the following for (mt):url...If you rollover the first item, you will notice that the submenu loads to the right side. What I would like to have is something similar to the following attached image. Also, the code I am using can be found in the attached FLA.I know how to make the menu appear directly below the parent node, but the problem is that I am unable to shift the menu items down so that the menu items don't overlap over the existing menu items. You can see an example of what I am trying to do in the attached image.Does anybody have any insight on how to accomplish that. I tried finding the name of each movie clip and shifting them downward, but it seems that none of the movie clip names correlate to the actual menu item - therefore, I am unable to shift them downwards in order to make a space for them.
I'm building a menu with action script, the menu has an interval, so the items follow after each other. This is not a real problem. But the submenu is. I want to build it the same way, with the interval. But the menu array contains, some years, and with a loop a go trough this array and flash builds it with the items of the array. The submenu array, contains the quantity of the year, so the quantity of subbuttons.. But i can't fix it to use the number in the array as quantity of subitems. here is the code:
I'm building a menu with action script, the menu has an interval, so the items follow after each other. This is not a real problem. But the submenu is. I want to build it the same way, with the interval. But the menu array contains, some years, and with a loop a go trough this array and flash builds it with the items of the array.
The submenu array, contains the quantity of the year, so the quantity of subbuttons.. But i can't fix it to use the number in the array as quantity of subitems..
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> <![CDATA[ // Import the Menu control. import mx.controls.Menu;
I'm creating a flashwebsite and I've got a problem with submenu appearing/disappering. What is extremely easy in html/jquery is taking me overburned in actiuonscript: make appear a submenu only when the mouse cursor is over its button and not over itself. Indeed I've my button/MC, that contains its submenu (which is a vertical list of MC), and when I go over it, submenu appears, when I leave, sub menu becomes invisible. BUT, when I go over the space under the button (where my invisible submenu is), submenu become visible another time. I know that cause is the listener associated to the main button is linked to all its nested MC.
Any tutorial for a simple vertical navigation menu with a submenu. Like a drop down menu but vertical where the main links are on the left and the submenues come out the right side of the menu. I don't need any bells and whistles and I am just learning so it doesn't need anything but a button link when rolled over more link options appear to the right. Is there a tutorial that is not a place trying to sell me this capability and actually works (CS3), no errors, broken links etc...just a how to for a simple menu with submenus.
I'm creating a menu from XML. It will be able to traverse over the XML recursively (so n-levels deep). The menu itself is a composite -- each node in the menu, either a menuList or menuItem, is a menuComponent. menuComponent is more-or-less an abstract class so they all inherit and override a draw() function. If the object is a menuList, then it has a Sprite container to hold all of it's children. I did this so it would be easy to add and remove all of it's children by just adding and removing a container that holds all of them.
The issue I'm having is with the event listeners. I am adding a mouse_over event to a button. The button is within a Sprite container. When I mouse over the button, I'm adding the submenu into the buttons container. The problem comes when I mouse out of the button. I've gotten the submenu to stay but not disappear on mouse_out OR it appears when I'm over the button but disappears as soon as I exit it. I THOUGHT if I attach the mouse_out listener to the container, it would work because the container should expand when I add the submenu into it.
I have this loop code that counts up the XML nodes and creates menu items for each node, that was taken from a tutorial. How can I have it so after 10 nodes it creates a new column setting them side by side? Moving them say 100px on the x axis? Here is the 1st part of the code done by a friend:
I'm looking to build a basic menu in XML where I can add and remove buttons from the xml file and control the buttons to gotoAndPlay a frame label in Flash. With my project I will be frequently adding/removing buttons and/or changing the button name so I'd like to do this externally with an XML file.
I am loading images dynamically in a class that creates a custome menu item that is loaded into a custom menu. It works fine except the very first image never loads
The menu is like this http:[url]... (the site is in portuguese but it doesnt matter), when I click in on menu the actual menu does an alpha to 0 and the next menu appears using the alpha from 0 to 100 (and some animations like the cellphone going up).Now, how can I do a menu like that, whatever the menu I choose, it does that alpha animation ?
