ActionScript 2.0 :: Unpredictable Flash Behaviours, Button Roll Overs, WMODE?
Jun 30, 2009
I'd just like to point out my experience to help others. I know this isn't new, but it got me, so I suspect it'll get someone else too. I'm using flash 8 and AS2 to author a navigation menu and have roll over functions and roll out functions with if statements since it's a multi level menu and I was getting all kinds of strange behaviours with button behaviours not working correctly when testing in firefox. Turns out it WAS something to do with firefox's handling of the transparent WMODE. I'm using SWFObject. After disabling WMODE transparent everything works as it should. Not saying my programming skills are right, but at least everything's getting compiled correctly and the results are consistent enough to test and make progress.
In my ongoing quest to learn AS3 I am rewriting some of the many, many interactives I have done in AS2. There have been several AS2 interactives where I have used a map of California. The map itself is a movieclip and within that movieclip, all the counties are movieclips that function as buttons and above the counties are the county names which are also movieclips. In other words when you mouse over the counties they do things; the most simple being the county name alpha goes from 0 to 1. In AS2 all the movieclips respond to roll overs even though they are physically obscured by other movieclips within the main map movieclip.
In AS3 the county movieclips (which are on the lowest layer within the main map movieclip) are obscured by other movieclips on higher layers and do not respond to Roll Overs etc. When I move the county movieclips to the highest layer within the main map movieclip, they work just fine. Of course then they obscure all the map details such as roads, labels, etc. Is there some setting to allow movieclips to be read through other movieclips that are physically above them within a main movieclip.
I created a demo where when you roll over parts of the product, in the white space to the left it displays the text information about that part of the product. The rollovers work great, however if you run your mouse over the blank area (where the rollovers would show up), it treats that as the rollover too. Below is the URL for the test page.
I've created a U.S.Map with roll-overs for each state. What i want is that when you roll-ver each state, you can see a photo + some text appear in the same scene. The idea is that, eachstate has a different photo+text that appears when you roll over it. How do I do this using actionscript? I have attached a raw .fla file I have started, in order to see what I'm talking about. click on "HIV" button to view the roll-overs already created. All I need is to add photos to each U.S. state now??
I have a customized drag event that works great for most things:
[Code]...
The issue is that when I use this code with wmode=transparent or wmode=opaque the MOUSE_LEAVE event is not detected when the MOUSE_UP event occurs off the stage. Is there a way to detect the MOUSE_LEAVE event when wmode is transparent or opaque? OR Is there a way to detect that the wmode is set to transparent or opaque so that a work-around may be implemented?
I want to create a button that toggles but has a roll over, roll out and click animation. Anyone willing to point me in the direction I need to be so that I can achieve this. I can create the roll over and roll out animation for the buttons but then how could I toggle between the two buttons. Ultimately this is for a start and stop situation. I want when I roll over the button for it to have a transition then click and it toggles to the alternate button with animation. I have been tackling this now for a week and with no success. So far I have found ways to toggle but loose the animation or vice verse.
I just want to design a button when the mouse roll over the button will gradually become larger (to a fixed size) and gradually comes to the originally size when roll out. I try to use "Adding Buttons to Movie Clips" method, ie, one MC with two layers, an amimation MC (tween from small to big and then big to small) and a button. Add script as follows: on the first frame:
if (Playing eq "True") { play (); } else {[code]....
When I roll over the MC tween small to big and big to small and when roll out the MC gradually small. What I want is when I roll over the MC tween small to big and keep it is except when I roll out.
I have a flash banner and css menu to use.I tried flash with wmode as transparent for flash banner which makes the css menu to come over the flash banner.but the button which is there in flash is not working in IE 7 and it's lower version.
I have 3 buttons going around in a circle, in the middle of this circle I want a specific image to fade in for each button when you roll across it then fade out when you move off the button. I also want the button itself to change colour slightly when you roll across it. I've not had much look so far without the use of actionscript, but even with using it I'm not getting very far, I also seem to have a problem where once I have an image appear on the rollover of abutton that the image becomes part of the button, ie instead of the image just appearin when you roll over the button it appears when you roll over where the image should be appearing.
I have a Flash-based SWFUpload upload button in a HTML page. I am trying to style that button. SWFUpload provides a Javascript setup interface to the Flash button's settings. I don't have Flash myself, so I have to work with the pre-compiled SWF file.
I am trying to make an interactive flash application that works by detecting mouse overs and clicks on various buttons/movie clips and then moves to the appropriate part of the time line. But I am having an issue when I use more than one addEventListener in any one frame. I have attached the code for one such frame below. When I comment out the addEventListner and the other code relating to the followBall function this works fine and directs the user to frame Inlet_Valve_Open_Frame but now only the followBall function is working and when i try to click on the Inlet_Valve_Button movie clip nothing happens.
I have never read all the help files on the adobe flash CS3 as i don't have time and i have built this code up based on examples i have found online. I wanted to include my fla file but it's to big 6Mb. But i have attached the swf so you have an idea what i am doing.
Im trying to get a movieClip to change its tint on roll over and back to normal on roll out. But this has to happen gradually like a tween. Im trying to use the code for alpha tween but its not exectly i also tried the tweenlite but im to confused :S here is my code:
i've been trying to code a small variation into the normal roll over roll out animations... i want the animation to stay on the last frame once i click the button. but when i put the code in it dosent even bother playing the rollover/out animations it just goes to the end frame...
So I have a menu that fades in on a movie clip rollover. It fades out when the mouse rolls out over a 'hit area' mc. All is working fine except when you move fast off the hit area. Sometimes the fade in menu remains up when the mouse should have traveled over the hit area and told it to fade out... any reccomendations to remedy this?
OKay, I have a drop down menu. Around the menu I have a button surrounding the outside, so when I roll away from the drop down menu and roll over the outline button, it is coded with action script to make the drop down menu fade away.
I have MovieClip A on stage, that when the user rolls over it another MovieClip (B) is added above it to the stage (it's not added as a child of Movieclip A). Now, when the user rolls over this newly added clip, it triggers the roll out event of the clip 'below' it. So, how can I prevent this from happening ?Basically, it's a movieclip that displays a button when rolled over and hides it when rolled out. I need the roll out NOT to be triggered when the user rolls over movieclip B.
I have a movieclip serving as a button in a slideshow. The movieclip instance name is tmb1_mc. The second frame in the movieclip is a little brighter than frame 1. How could I write a function to go to the second frame in the movieclip and another function to go to frame 1 when the mouse rolls out?
I tried the nextFrame command in this function
function mcOver(e:MouseEvent):void{ nextFrame();}
But that went to the next frame on the slideshow, the main timeline.
I have a menu bar button for my website but I need to resize the object on the roll over state, so it can be seen so it needs to be much bigger the problem is, when I create the hit are it can either be the size of the small button on the up state, or the large button on the over state. The problem here is when I make the hit area Large or as large as the over state it make the hit area way past the perimeters of the up state button so you scroll anywhere near that button and it will activate to the roll over state which can be anoying. My question is how to I make the scroll area as small as the up state button and once I am on the button itself, make the scroll area as large as the over state. So I don't scroll off by mistake. is that possible without making a roll over animation on the time line its self I would want to avoid this if at all possible.
I have a graphic that when rolled over it starts a movie clip, when rolled out or off I would like the clip to instead of stop actually roll the movie back whether the clip is at the end or not. Like an animated button I would guess.
I want to be able to make a movie clip (that acts as a button) so the roll over effect finishes before the roll off effect is triggered. Like if a marker circles a button, i want the circling animation to stop before the roll off effects happens. Anyone know how to do this.
I'm trying to make a button that plays a sound when the mouse rolls over it and when it rolls off it stops. I've got the roll over play working but I can't get the roll off stop to work. So far I have this (I'll be adding more buttons with more sounds later, which is why it's in an if statement):
I included two images attached to this post to explain.I have a few buttons on my webpage that lose part of the letter when I roll over them. I am using a glow effect when I roll over the buttons and the buttons were not "broken apart" before I made them buttons, I dont know if that makes a difference.
I have a button that when the user rolls over it, it plays a 3 second piece of audiothat works fine.When the user rolls off though, the audio still plays, that, if the user rolls over the button several times you get multiple instances of the auduo until they all play out.
I have a button (movieclip button) that expands and displays extra things like a box next to it with pictures in. I have roll on and roll off code for the button so it glows and then returns to normal.
intelbtn.onRollOver = function(){ intelbtn.gotoAndPlay('over');} This is the code for the roll on state.^
When I click it goes to and plays 'click' which is an animation that expands and such. If I take my mouse off the area which expands out of the button or the button it removes the information and plays the roll off state, if I put it back in the area it plays the roll on state and flickers alot. How do I stop this (with out disabling the mouse completely because I have a close button which I want to click to close and return to original button state)
-The problems i'm having with my code is: 1. when the movie loads, the clip is playing initially when it should be stopped until the mouse rolls over it. Once the mouse rolls over it once, it works perfectly from that point on2. when I put a stop code in, the movieclip isnt looping initially(which is what I want), but now when you roll over the button, the clip will play once and not continue looping(I need the rollover function as kind of a "pause" buttonHere's my code:
mcCircle.addEventListener(MouseEvent.MOUSE_OVER, mcCircle_onMouseOver); function mcCircle_onMouseOver(e:MouseEvent):void{ play();
