Rollover/rollout of multi-button menus

I keep running into a situation where I want to rollover on
one object, then rollout on two overlapping objects. So, say I have
button A, with a rollover event that makes button B appear. B
partially overlaps A. Now I want both buttons to stay visible (and
clickable) until I roll away from both of them, then B should
dissappear again.
Seems like a common problem, but for the life of me I can't
figure out a clean, reliable way to implement the rollout when you
move between A and B. My current solutions involve either a
"border" around both objects that hides B when you roll over it, or
a delay on the close function and an interval timer stack. Both
seem like messy hacks to me; there must be a better way.
How is this usually accomplished? Can you point me to any
examples? Thank you! :)

see hitTest test in the manual

Similar Messages

Can't figure what's wrong in my menu rollover/rollout project

What I was trying to do is make menu similar to one from http://www.jeremylevine.com/
I was seeking around and couldn't find a clue how was it done, so I tried my way.
Here's what I did - http://atlasinvest.me/menu/
You'll notice that, when crossing from middle button to one of the other two, it falls down smoothly, but when crossing from side buttons to the middle, it fails to play the frame that should do the smooth part of animation.
Here's the source http://atlasinvest.me/menu/menu.fla
I was trying to figure why it doesn't play, since code is the same for both buttons, but I'm obviously missing something.
Maybe the second pair of eyes would spot something and I'd be thankful
And the other question.. is there any less complicated way from what I'm heading to.. in order to make menu like in the first link above ?

Probably it's something most won't bother, but I thought it may be more convinient because code itself may be a little hard to figure through, without following content.
Ok, I'll try to explain as much as I can
Every button has it's rollover, rollout action depending on current possition of other movieclip (button). By that I tried to tell the clip, if the cursor is coming from the next button, or blank scene.
There are 3 button sizes : Normal, Large1, and Large 2. As you probably figured, selected button has size Large2, and neighbour buttons follow with size Large1, rest of them are normal.
So, by default, every rollover goes from frame "Normal to Large2" and rollout goes from frame "Large2 to Normal". After reaching "Normal" it goes and stops to frame 1.
Before doing default action, it checks if one of the neighbour buttons is Not on frame 1 (which means it's travels from frame Large2 to Normal, and that neighbour button was previously active), and then if that's the case, it redirects neighbour button to play "Large2 to Large1" and current button to go from "Large1 to Large2".
And here's how code looks like:
( I named the button clips c0 - left one; c1 - middle one, and c2 - right one)
Problem is, only middle one does the correct "l2-l1" tween, other two just return with trace message, but don't play suggested frame
// C1
c1.onRollOver = function(){
                    if(c2._currentframe != 1){
      c2.gotoAndPlay("l2-l1");
            trace("this should play c2.l2-l1 but doesnt !!!");
            c1.gotoAndPlay("l1-l2");
            c0.gotoAndPlay("n-l1");
          else if(c0._currentframe != 1){
          c0.gotoAndPlay("l2-l1");
          trace("this should play c0.l2-l1 but doesnt !!!");
          c1.gotoAndPlay("l1-l2");
          c2.gotoAndPlay("n-l1");
          else
          c1.gotoAndPlay("n-l2");
          c0.gotoAndPlay("n-l1");
          c2.gotoAndPlay("n-l1");
c1.onRollOut = function(){
          c1.gotoAndPlay("l2-n");
          c0.gotoAndPlay("l1-n");
          c2.gotoAndPlay("l1-n");
// C2
c2.onRollOver = function(){
          if(c1._currentframe != 1){
      c1.gotoAndPlay("l2-l1");
            trace("this plays OK !");
            c2.gotoAndPlay("l1-l2");
          else
          c1.gotoAndPlay("n-l1");
          c2.gotoAndPlay("n-l2");
c2.onRollOut = function(){
          c1.gotoAndPlay("l1-n");
          c2.gotoAndPlay("l2-n");
// C0
c0.onRollOver = function(){
                    if(c1._currentframe != 1){
      c1.gotoAndPlay("l2-l1");
            c0.gotoAndPlay("l1-l2");
          else
          c1.gotoAndPlay("n-l1");
          c0.gotoAndPlay("n-l2");
c0.onRollOut = function(){
          c1.gotoAndPlay("l1-n");
          c0.gotoAndPlay("l2-n");

CS6 Blu-Ray multi-page menus- No preview possible?!?!

I'm fairly confident of the answer here, but just want to make sure that this is Encore CS6's "fault" rather than mine...
Is there really no way to preview/test multi-page menus in CS6 Blu-Ray projects?
Thanks in advance!
- Jim 8^}

You can add multipage menus to your Blu-ray projects. But the preview of Blu-ray features (Multipage menu, pop up menu etc) is not available in Encore as of now. But you can navigate to all the menu pages in the menu editor.
Use these Next and Previous buttons to navigate to the different pages of the menu.
-Ramesh.

How to make flash play movieclip for rollout effect on button

I am using AS2 and I'm trying to figure out how to do a RollOut effect using buttons and getting nowhere. You'd think it would be easy!
I have a movieclip within the "over" section of my button, which contains both an roll over and a roll out animation. My problem is that I cant seem to get flash to play the rollOut animation.
I placed the following code in the button itself
on (rollOut) {
this.start_mc.gotoAndPlay("mouseOut");
Does anyone have any suggestions? I tried setting up a function to find when the user rolls off the button but it didn't work either. Any help would be very much appreciated.
Thanks!
Eileen

Code inside a button will not work. The code you show would have to be attached to the button, but a button only has the properties that Flash defines for it (unlike movieclips where you can assign all the properties you like). So you wouldn't be able to target a movieclip inside a button symbol because the button does not have such a property.
Buttons are self animating objects. You do not need to code to make them perform rollover/rollout animations. But a button does not have a rollout frame, just the Up frame. So you would need to have your rollout animation be in the up frame, where it settles to be the button as you see it without interacting with it.
What you might try instead of using a button is to use a movieclip as a button, Then you can control which frame it is in as you wisdh as well as command things within it to function.

Double Rollover/Rollout Conundrum

Hi Everybody,
I have an issue where I have a layer with a movieclip in it that globally covers the whole stage. Everytime the user rolls over it, it triggers a MC reveal. Everytime the user rolls out, it goes back into hiding. It is meant to only rollover/rollout when the user's mouse comes onto or leaves the stage area.
The problem I have is I have other movieclips on layers above it that have rollover/release functions as well. So everytime I rollover one of them it accidentally trigers the global stage rollover/out beneath it.
Is there a way I can have a rollover for a hit area covering the complete stage underneath other functinoing MC buttons without it triggering an early rollout?
Does that makee sense? Is there a solution?
Thanks for any feedback.

I haven't even assigned them depths as children. They're merely on the stage.
No two objects inhahbit the same displayindex in a flash file, so the index of a child (where it sits on the disply list) is unique.
If you don`t assign a depth/index to your object flash will do it for you.
Beware: The Layers you use in the timeline are not identical with the index flash uses to soret them on the displaylist.
So while you may have hundreds oof movieclips placed on one and the same layer in the timeline, internally they will all have their own index on the displaylist.
when you use addChild(mc) flash will add the object always on the highest index
yu can specify the index which your object gets assigned with
addChildAt(mc,0) will always place the object benaeth all objects on the stage
addChildAt(mc, stage.numChildren-1) will always place the object above all objects on the stage

Not the end of the world, multi button mouse problem.

Hi there, I have a Microsoft multi button mouse which works fine in Leopard. I have configured 2 of the buttons for Command+H (Hide), and Command+W (Close). The buttons work fine everywhere except one place, and that's System Preferences.
I have added a custom configuration for System Prefs, but that doesn't seem to solve the problem either. It isn't the end of the world, but it would be nice if it did work.
Thanks,
Anil.

Hi Topher,
I am using the latest driver from Microsoft, and the mouse works fine everywhere else except System Prefs. I haven't tried USB Overdrive because the Microsoft driver has a very nice front end which makes configuring the mouse very easy.
Thanks,
Anil.

EventDispatching Continously on Rollover RollOut Events

I have a simple mxml component tht extends Canvas. When I try and show the border / focus skin on a rollover / rollout event for my backgroung image
the rollover and rollout event get fired continously. What is triggering the roll out event ?. I have attached the src example (flex prj archive).
Thank You
Firdosh.
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="124" height="148">
    <mx:Script>
        <![CDATA[
            private function onRollOver():void
                trace("rollover");
                focus.visible = true;
            private function onRollOut():void
                trace("rollout");
                focus.visible = false;
        ]]>
    </mx:Script>
    <mx:Image x="0" y="0" width="124" height="148"
source="@Embed('background.png')" rollOver="onRollOver();"
rollOut="onRollOut();"/>
    <mx:Image x="10" y="10" width="104" height="79" source="@Embed('img.jpg')"/>
    <mx:TextInput x="10" y="97" width="104"/>
    <mx:Label x="10" y="127" text="Test" color="#FFFFFF"/>
    <mx:Label x="85" y="127" text="Test" color="#FFFFFF"/>
    <mx:Image x="0" y="0" width="124" height="148" source="@Embed('selected.png')" id="focus" visible="false"/>
</mx:Canvas>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
     <local:Tile />
</mx:Application>

If the image appears under the mouse, then you've rolled out of the canvas onto the image
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Can't preview multi-page menus in Encore CS5?

Can anyone confirm or deny if preview is supposed to work for multi-page menus? It's not working for me. I'm having to burn to a BD-RE and test in a real player as I author a fairly complicated menu, and because Encore insists on including all assets whether or not they're linked, it burns a 46GB disc every time. It's somewhat tedious.
If the answer is no, then does anyone know if they're working on this for a future patch?

I have no trouble previewing multi pages, but mine are not that complex.
Why do you not make an image and play that with e.g. Virtual Clone drive (that is what i do)

Wired Multi-Button Mouse for OSX.5 & PowerMac - Seeking Recommendations

I poked around at the Apple Store on-line and I saw many wireless mice and a few wired mice. I focused my attention on the wired mice because I am not interested in the wireless variety for my desktop and in several of the reviews it mentions incompatibility with OSX.5.
So, any OSX.5 users out there have any feedback on the good, the bad and the untrustworthy multi-button mice?
I like most of the Mighty Mouse features, except for the lack of a right click button (yes I can set the little scroll wheel button for that (and I have) but it just doesn't feel right to me).
Thanks.

Martin,
The Mighty Mouse does have right-click functionality, without using the scroll wheel. I'm not really sure why you think it doesn't. Nevertheless...
I really, really like all of the Kensington products. I have a Kensington Bluetooth Pilot Mouse Mini for use with my Macbook Pro, but I also have a USB "Studio" mouse that is still used with an older G4 tower, and it has delivered fantastic performance. This is a three-button mouse with a touch-sensitive strip in place of a scroll wheel, but I don't think they make this one anymore (unfortunately).
Perhaps the best thing about Kensington devices is the accompanying "Mouseworks" software. The software consists of drivers for most of their products (not necessary in most cases) and a new "preference pane" where the device's buttons and features can be configured and customized, even on an application-by-application basis. Very powerful tools.
Scott

Apply rollover and rollout effect for Button

Hi,
      I have a button, I need to set the rollover or mouseover and rollout or mouseout of button with different colors.
Give me a sample please.
Regards,
Jayagopal P.S

Try This. Create a blank application, then add this. I haven't compiled it - just off the top of my head so it may contain some errors.
Note: this is flex 3 syntax
<mx:Button id="btn"
     rollOver="{handleMouseOver(event)}"
     rollOut="{handleMouseOut(event)}"
/>
<mx:states>
      <mx:State name="{state_normal}">
           <mx:SetStyle target="{btn}" name="backgroundColor" value="#000000" />
      </mx:State>
     <mx:State name="{state_mouseover}">
           <mx:SetStyle target="{btn}" name="backgroundColor" value="#ffffff" />
      </mx:State>
</mx:states>
      <mx:Script>
        <![CDATA[
          private static const state_normal:String = "0";
              private static const state_mouseover:String = "1";
           public function handleMouseOver(event:MouseEvent) {
                 this.currentState = state_mouseover;
           public function handleMouseOut(event:MouseEvent) {
                 this.currentState = state_normal;
           ]]>
     </mx:Script>
Thanks,
Vackar

Movieclip Button RollOver/RollOut

I have a movieclip button name "about". In the about movieclip button when you rollover it will play a looping movieclip. When you rollout it will play another animation or movieclip.
The problem I am trying to solve is how do I code it so that when you rollout, the movieclip of rollover stops playing and will not finish the full movieclip. As of right now the way it is when you rollout, movieclip of rollover will play to full length before it stops.
The effect i'm trying to achieve can be seen in this template.
h**p://www.templatemonster.com/flash-templates/7981.html
If someone can point me to a tutorial or sample code of the effect please. Thanks

Well, I am not a professional but like I said I posted a question similar to this and I was told to add and remove listeners like such:
about_mc.buttonMode = true;
about_mc.addEventListener(MouseEvent.ROLL_OVER, buttonOver);
about_mc.addEventListener(MouseEvent.ROLL_OUT, buttonOut);
function buttonOver(e:MouseEvent):void
    about_mc.removeEventListener(MouseEvent.ROLL_OVER, buttonOver);
    e.currentTarget.gotoAndPlay("over");
    about_mc.addEventListener(MouseEvent.ROLL_OUT , buttonOut);
function buttonOut(e:MouseEvent):void
    about_mc.removeEventListener(MouseEvent.ROLL_OUT, buttonOut);
    e.currentTarget.gotoAndPlay("out");
    about_mc.addEventListener(MouseEvent.ROLL_OVER , buttonOver);

Rollover/Rollout Issue

I have 3 graphic components that are horizontal bars about 100px long and 20px high. They're stacked over each other vertically on the left edge of the page, with about 10px space between them.
Each component has an UP and an OVER state.
When I rollover each graphic they slide to the left and fade to to 50% transparency. Rollout restores them to the original UP state.
If I move my cursor somewhere in the middle of the graphic, the state changes work well, but if I'm less than 20 or 30px from the end of the graphic the rollover and rollout states occur in rapid succession. Imagine a horizontal piston at 3K rpm.
Any thoughts?
-jh

Does your button change sizes in its Up and Over states? If it does, it will flicker wildly. Here's why...
Suppose your graphic is 100px wide in the Up state and 50px in the Over state. You put your mouse over pixel #60. The button goes "yay, I got moused over, better go into my over state!". It goes into the over state and resizes to be 50px. Now it thinks "the mouse is no longer over me. Better go back to my Up state!". It goes into the up state and resizes to be 100px. Now it thinks "yay, I got moused over..."...ad infinitum.
If this is the problem, you can work around it by creating a "hit rectangle" in both states and setting it's opacity to 0.
-Adam

Need Advice on Creating Multi-Language Menus

Hello Friends,
I am working on a documentary project that will contain three languages: English, Spanish, German, and Portuguese. There are two spoken-language audio tracks (English and Spanish) and four subtitle tracks (one for each of the above languages).
The producer wants four sets of menus as well - something I see as potentially daunting. The disc’s initial menu would ask you to choose a language, and then once that choice is made all subsequent menus would appear in that same language.
That task is easy enough so far, but with four different sets of menus, what happens when the viewer plays the movie, then presses the "menu" button. How does the DVD know which language menu to return to?
I assume that something might possibly be done with scripting, but I'm new to this aspect of DVD authoring, so any design advice you could give would be much appreciated. Thanks very much!
- Jordan
PowerBook G4 Mac OS X (10.4.3) 2GB "Crucial" Memory

It is a scripting issue.
When you select the language on the first menu, make each button go to a script which sets a unique value ionto a GPRM and then sets the audio for the user. When returning to a menu, make the menu button go to a script which reads the value in the GPRM (or uses the audio setting in the player - SPRM1) to go back to the correct set of menus.
In setting the language from the main menu, use a script like this (assuming the buttons are ordered English, Spanish, German, Portuguese):
mov GPRM0, SPRM8
div GPRM0, 1024
Set System Stream Au(1(English)
Jump English menu If (GPRM0 = 1)
Set System Stream Au(1(Spanish)
Jump Spanish menu If (GPRM0 = 2)
Set System Stream Au(1(German)
Jump German Menu If (GPRM0 = 3)
Set System Stream Au(1(Portuguese)
Jump Portuguese menu If (GPRM0 = 4)
This reads the button value the user selected and sets a value accordingly and at the same time sets the correct audio stream. Now, when setting the return to a menu you can use the same value and set up a script like this:
Jump English menu If (GPRM0 = 1)
Jump Spanish menu If (GPRM0 = 2)
Jump German Menu If (GPRM0 = 3)
Jump Portuguese menu If (GPRM0 = 4)
You can extend these scripts to get back to the last button on any particular menu as well. These two scripts will be enough to set the audio and get you back to the right menu. If you are using subs as well then it is going to be a case of adding in the relevant lines to activate the correct subtitle... good luck!

Can Captivate 3 Support a Rollover and a Custom Button in the Same Area?

Hello,
I'm trying to create a functionality in a slide that includes both a custom button and a rollover text box. I'd like both the button and the text box to occupy the same area and trigger off the same MouseOver action.
I'm finding that only one or the other will trigger on the MouseOver. It seems like only the top-most object (whether it is the button or the rollover text box) will trigger on the MouseOver.
I've considered multiple workarounds, but each of them I've thought about tend not to fail for one reason or another. Here's what I've considered so far:
Create a rollover slidelet.
          * I can't find a way to import a button into the rollover slidelet. Also, I can't use a rollover image in the slidelet because I need the _down, _up, and _over states.
Create a button with transparent properties outside the bounds of the actual button to include the rollover text.
          * Since I have so many buttons in a row, there's no way to exclude certain portions of the button that might overlap the rest of the buttons. Also, I don't want people to MouseOver where the text box might be to enable the button.
Create a click to jump to the button.
          * This sacrifices the true functionality of the simulation.
Finally, I don't want to use any other program other than the Captivate series of programs to complete this action. I know I can import an animation, but I currently can't support that as a solution.
I'm guessing that I've reached a Captivate limitation. However, I figured I'd give a last ditch effort to see if there's anything out there that might be a clever workaround I can't figure out.
So, what do you all think?
Cheers,
Chris

Hi again
I would then surmise you find yourself upstream with no visible means of propulsion.
Please consider submitting a Wish Form to ask for this capability to be considered in the next version. (Link is in my sig)
I'm not sure how many folks would actually realize there are three states. The down state happens so briefly it's hardly noticeable.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Spark Dropdownlist rollover rollout best practice?

I am seem to be having an issue here. I am trying to get a Spark DropDownList to open on mouseover or rollover and close on mouseout or rollout, but not if the mouse is on popup. But if the mouse rolls out or mouses out of the popup it should also close. The issue is when you use rollover on dropdownlist, plus rollout, when you try to move your mouse down to the popup it closes as it hears the rollout.
Does this code go in the skin? Do I need to extend the DropDownList? Not sure what is the best practice with addition of Spark and Skins?
Thx, J

Probably not best practice but put a rect in the skin and pushed it (top = -20) so my rollout handler sees it.

Rollover/rollout of multi-button menus

Similar Messages

Maybe you are looking for