ActionScript 3.0 :: Dynamic Navigation Class - Skinning Using Swfs?
Feb 12, 2010
I'm currently putting together a navigation that will be XML driven. The broad outline of what I'm trying to do is:XML > Custom XML parser class > Native Actionscript representation > Abstract Navigation Class > Concrete Navigation Class.The concrete Navigation class would have setter methods to allow you to skin it's appearance using display objects.
Code:
setButtonUpState(upState:DisplayObject)
This is fine if the Display object is purely Class based and draws itself programatically,
I have been working on a project which has been giving me headaches. I want to be able to navigate through a presentation using the arrow keys - To do everything on the one timeline was going to be too complicated and messy so tried to create separate files but could not get the separate files loading -.My next problem is incorporating the two approaches - here is my code from my test files with my attempt added:
stop(); // create an array to hold the names of the frame labels var labels:Array = new Array(); // take the name of each label in a MovieClip and put each
[code]....
I can either get the arrow key navigation to work or the previous movie to load but the left arrow key then doesn't navigate back. Although in saying this version doesn't work and I can't get it load again.
I am having problems with navigation.. I do not know how to load external swfs to each button item clicked.. And it removes child and put the new child on it.Code: Select all// Its for menu animation, the arrow starts stopped at home_mc but its like a refference;[code]
I am trying to teach myself Flash and AS3 using the two Adobe Classroom in a Book Series so I am not sure if I am framing my question correctly. I have found lots of information regarding loading and unloading, but not about establishing communication between parent and child.I have a home page with four buttons that have nice Mouse Over effects. When I click on them, they load the external swfs nicely. When I click on the external swf, it also unloads just the way I want it to.[code]Inside the external swf, I have two back and forward buttons (it is a slide show type of thing), that are not accessible when I click on them because if I do, I just unload the content from myLoader. If I remove the unloadcontent function from my main home page FLA, the swf's buttons work great, but I can't remove the external swf. I have also experimented with having a close button appear on frame 2 of my home page's main timeline, and tried adding code for it to unload the swf, to no avail.It seems to me that I can't be the only one who has this problem. Lesson 9 of the Adobe Classroom in a Book definitely implies that this can be done, but doesn't have instruction on how to do it. Can anyone help me or point me in the direction of a good tutorial on communication between swfs?
I don't think I'm as familiar with arrays as I need to be to complete the following project - I've read about 60 posts and no one seems to be doing exactly what I am. Here's what I need to do: From a main swf (home.swf), I need to load 7 consecutive swfs in random order, (movie01.swf, movie02.swf, etc) from an array, into level 1. I need all seven to play without repeating, then repeat them in the same order in a loop.
But I ALSO need the user to be able to navigate through the swfs by using next or previous buttons (or by selecting individually 1-7, but that may be asking too much from my limited knowledge).Here is the code I'm using to generate a random ordered array:
I have two remaining tasks on this file, in order to be done.
1. When I mouse over the main top nav, I need the boxes to have some easement added to them so that they don't just shooot straight up. I also need them to stay up when clicked until I select another button. They kind of do this now, but they tend to get stuck in the up position until I mouse over the other buttons again.
2. This file loads a remote, XML based, gallery that looks very much like the one offered in this sites tutorials. Since the tutorial already has the variable i, which keeps track of how many total objects are being viewed on this application, is there any way to have that also include i number of boxes between my previous and next buttons which can also act as navigation for the gallery?
Here are the swf's: Main nav with fun boxes: SWF_porfolio.fla XML Gallery Nav wanting fun boxes: SWF_identitiy.fla and for fun Identity XML file: images.xml
I found a tutorial that showed how to create a navigation system that would load external SWFs. I am trying to create an image gallery in essentially the same manner but instead of loading SWFs, I want to load external bitmap images.However, when I replace the SWFs with images, I keep getting an error message:
Code: TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::Bitmap@3e91d2e1 to flash.display.MovieClip.at image_Loader_fla::menu_1/isLoaded()
So obviously, it is trying to convert the bitmaps to movieclips. Due to my newbiness with AS3, I'm not really sure what I need to do with my existing code to fix this issue.I've provided a sample of the gallery if anyone wouldn't mind taking a look.
P.S. In the sample I provided, you will notice that on mouse-over, an external will load. The only one that won't work is the first one (Home) as it is trying to load an external PNG.
I want to build a flash based website and place there 4 button MovieClip instances. Once the user clicks a button, all the EventListeners the button attached to (Mouse_OVER, Mouse_OUT, CLICK) are removed until you click another one. Then the previous button gets these listeners back again. One button is always active at a time, so you can't turn on/off buttons.I thought it would be easier to write a ButtonClass and link the button MovieClip to it. But I had to realize that I can't listen that previous button from that class, because it only listens itself obviously. I'm trying to use "dispatchEvent" but I can't get it to work.In the flash movie I have only one frame, 'cause I'm trying to do this without the timeline. I want to use Classes and this and that to practice but I'm stuck with this problem.
I want to have dynamic text on the navigation bar that I can changecontroll on different frames, so I added a dynamic text box inside the navigation movie clip. On the frame (in the main time line) that I want the text in the dynamic text box to change, I have this:
I got a Website.as file that loads 4 library's movie clip's on the stage in certain positions.Clip_A, Middle, Menu, Clip_D Clip_A loads on the top left side , Menu on top right , Middle in Middle and Clip_D low right position.What i need to do and understand is how can i tell this class to find a button inside Menu and play a certain frame in Middle?I added this code in Website.as but i get errors
menu.menu_buttons.about_us.addEventListener(MouseEvent.CLICK, about_us_onClick); function about_us_onClick(event:MouseEvent):void { middle.gotoAndPlay(215); }
the error i get is this
1046: Type was not found or was not a compile-time constant: MouseEvent.How can i make this work?
I have used this navigation script several times in regular flash coding without problems (as in functions). Now I'm trying to put this code in a class for easier usage in future projects.Concept of the code is that I pass the instance of the mc in an variable so that I have an old and new location for enabling and disabling a "ON" state in an mc (vars : OldLocation && NewLocation).This is pretty basic stuff but I can't get it to work inside a class..Offcourse at the first click you will get an undefined because of no instance defined yet (I define it in the fla file).[code]
how this sort of navigation works: [URL] (you have to enter the site). I see this sort of thing used a lot and I would like to implement a simple version of this. I am assuming it is using the tween class and moving a movie clip based on coordinates.
I am trying to create a Dynamic flash Navigation Menu which will disable the button of the page you are on leaving the button in the "hit" state and then active it once you have called for a new page and deactivate the new button. I know this can be done with movie clips and some old school gotoAndPlay/Stop slight of hand but I would like to do this in actionscript so its nice, clean, and scalable for other projects.
I am working on a navigation for a page that consists of an image container, a text block, and a navigation. I have all the content in an xml file that is loaded and parsed placing each part of the site in its respectable spot. My question is I need to have the data for this site change when a button in the nav is pressed, so that the image and desc content is passed that corresponds to its button. this is in flash 8, as 2.0.
so i am working on some buttons that are arranged in a vertical group. When you click on one it expands pushing the others away, and collapsing when clicked again bringing them back together. I thinking it would be easiest to make each button how i want it, then have some code that keeps each button x pixels away from each other...make sense?
So I want to create a timeline nav like this site:timeline is a 40 x 40px color filled movie clip that use as the playhead.featContent is the movie clip that contains the feature content.I make the timeline controls the feature contents to slide (using tween class) to the next feature. No problem on this, but I can't make the feature to slide when click on the button.
I'm hoping someone here has a couple suggestions for a generic navigation class I'm working on. I got it to work exactly how I wanted it to, but maybe someone can think of some ways to make it better. [code]
I hope this isn't faux pas, but I'm making the transition from AS2 to AS3 and was wondering if I'm on the right track with this class. One question in particular I have is, I'm storing a reference (I think it's just a reference and not a copy) of "curTab" in order to keep track of the currently selected tab in this UI navigation. Is this using unnecessary memory and is there a better way to do this?
The Action script code below takes the strings in the array (pgtit) and creates a dynamic navigation bar I am trying to trace the index number of the array being click I just seem to get -1.
var pgtit:Array=["link1","link2","link3","link4"]; var xPos = 0; var menuHolder:MovieClip = new MovieClip; addChild(menuHolder); for(var i:uint = 0; i < pgtit.length; i++){ var btn:MovieClip = new MovieClip(); [Code] .....
We are developing a dynamic image slide show which display images dynamically from XML data. We need display the numbers like (1 2 3 4 5 ) from the xml file as per the number of records for images with hyperlinks to their corresponding images. (We also need to display 10 numbers at a time )
I have a vertical menu which is generated via xml. Each menu item also has its own sub menu (not shown). When clicking on the top level item I want the rest of the items to move down to show the sub navigation. i.e.
menu item 1 menu item 2 menu item 3 menu item 4
menu item 1 sub menu 1 sub menu 2 sub menu 3 menu item 2 menu item 3 menu item 4
I have that working fine. Say if I have clicked on menu item 1, and the sub menu is displaying, before i have can view another sub menu I have to click on menu item 1 to close it before I can click on menu item 2.
This is the code that I am using to tell whether or not to move the buttons up or down: Code: menuButton.clicked = false; menuButton.onRelease = function () { if(menuButton.clicked == false) { _root.moveMovieDown(buttonNum, buttonHeights); menuButton.clicked = true; [Code] ..... Basically I want to be able to click on any menu item button, if a menu item is open, I want it to close, and then open the new one. Just like this one. [URL
I have a website, basic overview. I have my main movie, which contains the logo and navigation. I have a blank movieclip created with actionscript that loads the individual movie swf files. That works fine. What I want to do is dynamically have the main navigation buttons' text indicate what page you the user is on. Right now the code is on each button instance, example:
Each button has the same code, just pointing to their respective pages. Here is the code in the first frame for setCurrentMarker()n function: var aMenu = new Array(home, jschaer, work, contact); function setCurrentMarker(){ for(i=0; i<= (_root.aMenu.length-1); i++){ if(_root.aMenu[i] == pageHolder){ [Code] .....
So the variable aMenu holds the moveclip names of the buttons. PageHolder holds the the name of the current page that is loaded. Thats how I change the pages to be loaded. To explain, if you look at the button code, the text for each button is by default greay and when you rollover it becomes black and off and it becomes gray again. That is on the first frame.
On the second frame the text is black. In the code I tried to make the black dynamically, but it didn't work, so I settled for going to the second frame and stopping. How do you get those little scroll boxes where you can put code. I guess its preference, but is it generally good to put the code on each instance of a button or put in in the main frame where your code lies. Is there any benefit either way?
I have created a dynamic accordion style navigation button using both Falsh and XML.I have the XML loading at a certain keyframe after the navigation button is fully expanded creating 7 sub navigation buttons which link to a certain website.
The Issue I'm having is when the user rolls off the button the it collaspes but the 7 sub navigation buttons still remain.
I need to create a navigation scheme with a dynamic list of movieclips that cycles, the user being able to cycle through the list left or right seamlessly.For example, say there are 12 items in the list, and at any given time three of them are to be displayed, with the center one being the focus/selected item. If the user clicks on the center/focus item, it takes them to a page, no trouble. If they click on the one to the left of the focus item, the list slides right, with the clicked one becoming the new center, focus item.
So, now say that the three visible items are 10, 11, and 12 in our array. If the user clicks on number 12, the list will slide left, with number 12 becoming the focus, and the goal would be to have item number 1 become the new, right-most item in the display - thus, the visible three would be 11, 12, 1. If the user then clicked on one, the cycle would continue, making number 1 the focus and the visible items would be 12, 1, 2. This should work seamlessly at both extremes of the list.
So in one instance, I have created a single movieclip that contains all of the items in the list, plus four extra at the end, to allow the appearance of seamlessness; when the user got to the end, the entire clip jumped to the start. This works, more or less, but it's clunky and I need to find a better way.
Can I expect there to be any problems with using the same custom event class in two different swfs, and then using this class to dispatch these events from a loaded child swf to its parent wrapper swf?If so, is there any better way to do this? Should I instead be calling a public function in the parent wrapper (like a callback), and pass it the data that way instead?If not -- if it will work perfectly fine -- will I ever have to worry about changing code within any of the *other* classes, and recompiling one or the other (either parent of child) separately?
// This is an array, a list of the buttons used. var myButtons = [this.myButton_1, this.myButton_2, this.myButton_3, this.myButton_4]; // Loops on all buttons from the first to the last one for (var i=0; i<myButtons.length; i++) { // When the mouse rolls over this menu option... reduce size just a bit. // NOTICE: I'm not taking into consideration the problem of having the hit area going down and "moving" the // mouse area and out of the button (possible rollover flicking). This is just a simple example afterall.
[Code]...
In the above instance how would I address the problem of flickering? I think want to apply the .onRollOver to an invisible button instead. How can this be done? Im just getting started with tweening animations outside the timeline with MCTween
Background: I have a class called MultipleChoiceQuestion which pulls the stem and choices from an xml file. The choices for each question are randomized. The Quiz class has a set of specified multiple choice questions which it loads dynamically. It also references the xml file to determine # of questions. The quiz controls the question progression based on correct answers. The main movie launches the quiz at the appropriate time.
Issue I want the question building to be dynamic and load the choices and randomize them. How do I do this? Right now I publish the quiz as a swf and then load it into the main movie, but that is static and always has the same choices in the same order. How can I do this dynamically?
I'm trying to get the script where you can make transitions between external .SWF's. Anyway, the Container movie is on the main timeline, however the button is inside of a movie that's on the main timeline. I read this on the site - "If your buttons are not located on the main timeline, you will have to change the path to the container movieclip. In this example the buttons are located on the main timeline, therefore 'container' targets the container movieclip correctly. Though, if they are not on the main timeline, you must change container to the appropriate path." How do I change the path to work?
