ActionScript 2.0 :: Animated Menu System - Buttons
Jul 9, 2009
I had to make a new website and just about got it done in AS2. The problem is that some of the buttons within the menu had sooooo much AS that i was getting very lost. Heres the site i made [URL] I now have to create a new site but i dont want a repeat of last time. The issue i have is that for each of the buttons i would tell it on(release) to go and chech what frame each one of the other buttons was on and if any were not in their "Off" mode it would tell it to play from a lable within the button movieclip as well as tell the text relating to it to fade away. NOW Ive tried doing this as a function in the new project but its not working no matter what i do.
I create most my buttons in the same way as the Lee Brimelows animated buttons tutorial, the problem is I want to either extend on the script or even learn an entirely new way so that I can create dropdown menu function and multi level menus similar to the menu system on [URL] . I have found tutes that create dropdown triggered by onRelease but I want rollover dropdowns.
I'm trying to build an animated menu with seven buttons, 3 of which need a submenu. I have 4 regular buttons and 3 mc's on the main timeline. After creating the first mc with 6 submenu items that appear onRollover and trying to target the submenu buttons to open a new page nothing happens when I click on the button. I attached this code to the submenu button while it in the "Over":
Code: on (release) { this.skiMenu_mc.skMain_btn.getURL("ski/sk_main.htm", "_self"); } Here's the complete fla file if you're interested. I'm using Flash MX 2004.
I have a menu system at the top of the screen with 4 tabs - they look like the tabs on a filing system. When a tab is clicked it should enlarge slightly to show that it has come to the front and push the other tabs away from it so the layout is kept intact and nothing is overlapped.
The left-hand edge of the farthest-left tab should always be in the same place - that tab can only expand to the right. I have a rough idea about how to go about this but it's all on the very frontiers of my knowledge and i know it's got some maths in there.
I can supply images but there's not really any code as yet because i don't really know where to begin.
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.
Im using an animated movieclip to create a pulldown menu..the thing is that I want to anymate the buttons inside the pulldown as well..so I therefore used a similar movieclip inside the pulldown menu to make this animation
I have a problem when I try to animate a layout with TweenLite.
I have an accordion menu that should animate its layout when an Item is opened or closed.
I have this function which works if I don't animate it but when I try to animate it its relying on the previous items y position plus its height to place the next items position. because the y position is still in animation it screws up the position of the next one in the for loop.[code]...
i was wondering how this menu was done, i have been looking for tutorials and several threads, but havent found anything, where should i start reading about this ?
coding this menu system and cant find any tutorialsor templates on multi level (4) drop downs. I dont know weatherto make everything a movie clip and load the mc's or to place buttons inside a movie clip. Everthing will be onrollover.
When someone clicks a menu item, lets use "products" for example, a Products header appears and the content is loaded.In the products area of the site they have a choice of products to choose from. Let's say they choose the Product "Dog Food". After clicking the link for product "Dog Food" the content is loaded, and at the top where the initial "Product" header is i would like a secondary header product "Dog Food" to be dynamically typed.In between the "product" header and the "Dog Food" header i would like to have a arrow shape.Thus the header would look like this after product "a" was clicked:Products > Dog Food.The word "Product" would be a mc, the word "Dog Food" however i would like to be produced via actionscript. There may be a additional link past the "Dog Food" such as "Health Info"
The header would have two functions.. first as a navigation reference, and secondly as a go back buttons. The user would be able to click "Dog Food" when looking at the health info and it would bring him/her back to the "Dog Food" page.Both the "Dog Food" and "Health Info" would have a drop shadow effect.in a cool effect, such as typewriter or something to that idea... i can figure out the effect myself, just thought i would let you know where we are heading with this.Now what i need in a nutshell is a actionscript that does the following:
1. Finds the length of the mc that contains the first header.. in this case it was "products" however there are other ones such as "Locations" which is longer....
2. places the arrow icon about 7 pixels away from the "products" header
3. type out the subsection .. in this case "Dog Food" and apply the drop shadow filter to it.
4. Create the "dog food" header as a button, linking to its content page. Initially this won't do anything but refresh the page, but when they go into the next subsection.."Health Info" it will act as a go back button
5. When "Health Info" Sub Sub Section is pressed find the end of the x axis value if "Dog Food" and about 7 pixels away place a arrow icon.
6. Find the X axis location of the second arrow icon and type out the "health Info" header. Create the new "Health info" button with link to it's content page.
first I made a curcular button which animates when the mouse rolls over it which you can see here: [URL] I have since realised that I want to have the button produce a drop-down menu and I followed and adapted the following tutorial to try and accomplish this: [URL] I ended up with this: [URL]
I had to change bits as I have the initial glowing animation in there too. Im just trying to get it to work at the moment. A Blue box should appear beneath the button (Once I get it working I will change this to an actual button of course) when the mouse rolls over the button (aswell as the glow animation playing). The problem is that the blue box doesnt appear, the glow animation still plays but no box. In other words, it isn't going to the "open" label on the timeline for some reason.
I developed a simple slide menu, I create an animation of the menu (I grouped the buttons).All works fine, but when I try to use dynamic text to put the options using actionscript the text does not show.
I need to create a rather detailed menu system that will load thumbnails of movie clips that I can then double-click on and it will load them into the display list of another movie clip.
I think I can code the loading part but I've never dealt with creating flash menus before and don't have any help in the 5 as3 books I own.
Is there a way I can make the menu generate the thumbs from an external file that I can just update when I need to instead of editing the flash file?
I'm wondering if anyone would be able to point me in the direction of a tutorial using action script 2 on making an expanding menu system. [URL] This one is a tutorial but I could do with one from the start step by step!
I'm new to actionscript 3 and could really use some help to develop an xml driven menu system. I would like to make the menu system similar to the navigation used in this site. [URL] I just need a simple version of this maybe 2 - 3 categories on the left and all of the children for them on the right.
Ive just followed the tutorial about creating a full flash site using root. I got that working fine. My problem occurs when i want to use tellTarget in my menu system as well. The movie looks for the actions contained in the mouse overs of the menu in the main movie. This is the error message i get:
Code: //############# Breaking Edge Band Website ############## // Created by Sam Wood. Note that everything written after // after a "//" indicates that I am commenting on // the codes underneath it.
[code]....
As you can probably guess i am making a rotated menu system. It all works fine except the code above.Basically what happens is that when I click the "MUSIC" button, then the "HISTORY" button, then to the "MUSIC" button and finally the "HISTORY" button, it seems to do the opposite clockwise direction to what it did the first time i click on it.....
I'm trying to create a menu system and I've created a "Button" with a dynamic text field on it. I'd like to set the text of the button when I add it to the stage but I'm having some troubles. Does this work differently then a dynamic text field on a movie clip? I've done it successfully on a movie clip.
var test; test = new menu_item(); stage.addChild(test); test.x = 610; test.y = 100; test.menuText.text = "Hello World";
I get this error message in my output window... TypeError: Error #1010: A term is undefined and has no properties. at Main$iinit()
I wanted to put there a background that will change (fade out and than fade in another one) according to menu position. It would load external *.swf's. For example I'm in "A" and the background is "bg01.swf", after clicking "B" the "bg01.swf" background would unload/stop (fade out) and than the "bg02.swf" would fade in and start to animate. I can't put the right script in the menu system. The source files are attached to this post (Flash CS3 source file and the backgrounds):
I followed a tutorial to have a movie clip work as an animated menu for a website. One of the functions is set up as follows:
function do_this() { this.gotoAndPlay("frame label"); gotoAndPlay("frame label"); }
So the animated menu is going to a specific frame in the movie clip while the site is going to the appropriate page. What I can't figure out is how to freeze the menu in the state that it goes to with this function so that it doesn't revert back once the mouse rolls out of the hit area. Does anyone know how to resolve this?
[URL] the above site has small animated buttons that run through a sequence continuously until the user positions their mouse over the button then it launches into a 2nd sequence (all in the same movieclip). inside each movieclip there is the entire sequence and the first half is the bit that runs continuously - the second half is the mouse 'overstate'. the top layer has an invisible button and the action script:
I made a Flash menu with this tutorial:[URL]The animation is different but the scripting is basically the same. I have animated buttons (They're actually movie clips though) that play one animation on rollover, and a different animation on rollout.
What I want to do, is have the button stay on the over state if it's clicked, (so people know what page they're on) until another button is clicked in which case it would do the rollout animation, and then the new button would stay clicked.
[URL]
But the scripting is different I'm not sure how to make it work with what I already have, and I don't really want to start over completely.
I made some animated buttons, and now I'm trying to assign script to them to link them to their pages, on the script box it says I cannot assign script to them? Is it because they're animated or am I going wrong somewhere else? It's in Flash CS3, I can upload any files as a link if I've not explained myself well enough
I am trying to control external swf's using uiLoader and animated buttons. I have not done flash in some time so AS3 is new to me.Basically, I want to use uiLoader to call for external swf's to load in inside a flash webpage.
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:
