# Complex Button RollOver/RollOut Effects Question!

**URL:** <https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228>\
**Category:** Uncategorized\
**Created:** [April 3, 2006, 2:57pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228 "2006-04-03T14:57:48Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![troitone](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@troitone](https://forum.kirupa.com/u/troitone)\
**Post date:** [April 3, 2006, 2:57pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/1 "2006-04-03T14:57:48Z")

</div>

Okay…I have a problem here.

Basically, I want the button to do a roll-over and bring down an drop down menu, and then the buttons in the drop down menu have roll overs too.

Here’s the link:  
[http://ns35.webmasters.com/\*watches24seven.com/httpdocs/](http://ns35.webmasters.com/*watches24seven.com/httpdocs/)

I can’t get the roll-overs on the submenu to work. It’s on the STORE button. Then there should be a roll-over on the WATCHES button. However, it won’t recognize the code once the initial roll-over happens.

Anyone?? Please??

Thanks

Troitone;(

---

<div class="post-metadata">

**Author:** ![nrirureta](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@nrirureta](https://forum.kirupa.com/u/nrirureta)\
**Post date:** [April 3, 2006, 3:06pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/2 "2006-04-03T15:06:43Z")

</div>

can you post your code … 🙂

nice site BTW …

---

<div class="post-metadata">

**Author:** ![troitone](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@troitone](https://forum.kirupa.com/u/troitone)\
**Post date:** [April 3, 2006, 3:11pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/3 "2006-04-03T15:11:47Z")

</div>

Here’s the code for the Store button the watch button has the same code.  
It should have a roll over then a roll over within the roll over…but it won’t recognize the code once the first roll over happens.

stop();

this.onEnterFrame = function(){  
if(rewind == true){  
prevFrame();  
}  
}  
this.onRollOver = function(){  
rewind = false;  
play();  
}

this.onRollOut = function(){  
rewind = true;  
}

this.onRelease = function(){

}

> [@nrirureta](#):
>
> can you post your code … 🙂
> 
> nice site BTW …

---

<div class="post-metadata">

**Author:** ![nrirureta](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@nrirureta](https://forum.kirupa.com/u/nrirureta)\
**Post date:** [April 3, 2006, 3:27pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/4 "2006-04-03T15:27:55Z")

</div>

ur code is ok…  
but i have to see the fla as i cant see from this piece of code why it doesnt work… maybe you could strip everything down leaving only those two buttons and code and attach your .fla here…

it maybe because of the location of your inner buttons that it doesnt work properly…

---

<div class="post-metadata">

**Author:** ![troitone](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@troitone](https://forum.kirupa.com/u/troitone)\
**Post date:** [April 3, 2006, 3:56pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/5 "2006-04-03T15:56:05Z")

</div>

Here are the two source files. Thanks so much for your help!

> [@nrirureta](#):
>
> ur code is ok…  
> but i have to see the fla as i cant see from this piece of code why it doesnt work… maybe you could strip everything down leaving only those two buttons and code and attach your .fla here…
> 
> it maybe because of the location of your inner buttons that it doesnt work properly…

---

<div class="post-metadata">

**Author:** ![nrirureta](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@nrirureta](https://forum.kirupa.com/u/nrirureta)\
**Post date:** [April 4, 2006, 7:43am UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/6 "2006-04-04T07:43:56Z")

</div>

sorry for replying too late…i wasnt at work…  
there’s nothing wrong with your code…  
it’s the problem i cant yet figure out…  
it’s the masking problem in your nav\_inner\_btns.fla  
its that animation wouldnt show when published but i can see it work within  
flash…  
ill post later if i can figure it out…

cheers 🙂

_Edit: OK , this was because i was missing the fonts… 🙂_

- 

```
   now i guess i have come to the real problem...*

```

- 

```
   :(*
```

---

<div class="post-metadata">

**Author:** ![Pascal\_S](https://avatars.discourse-cdn.com/v4/letter/p/f6c823/32.png) [@Pascal\_S](https://forum.kirupa.com/u/Pascal_S)\
**Post date:** [April 4, 2006, 8:01am UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/7 "2006-04-04T08:01:58Z")

</div>

the problem is that you cant mask a textfield like that. I think the solution is a dynamic mask.

---

<div class="post-metadata">

**Author:** ![nrirureta](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@nrirureta](https://forum.kirupa.com/u/nrirureta)\
**Post date:** [April 4, 2006, 8:38am UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/8 "2006-04-04T08:38:49Z")

</div>

no no Pascal…  
the masking is fine… i was just missing the fonts… my bad … ☹  
now that i replaced the fonts it does work ok…  
but when loaded into the holder movie it just wouldnt work…

ill look at it once im done with my routine…  
can you Pascal have a look at the .fla’s too …

cheers

---

<div class="post-metadata">

**Author:** ![Henxon](https://avatars.discourse-cdn.com/v4/letter/h/51bf81/32.png) [@Henxon](https://forum.kirupa.com/u/Henxon)\
**Post date:** [April 4, 2006, 1:50pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/9 "2006-04-04T13:50:47Z")

</div>

remember:

_if(myBoolVariable == true)…_ is the same as \*if(myBoolVariable)  
\*  
:ko:

/henxon

---

<div class="post-metadata">

**Author:** ![Pascal\_S](https://avatars.discourse-cdn.com/v4/letter/p/f6c823/32.png) [@Pascal\_S](https://forum.kirupa.com/u/Pascal_S)\
**Post date:** [April 4, 2006, 4:43pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/10 "2006-04-04T16:43:15Z")

</div>

few things are wrong here

you have a rollover effect on the whole movie you load in

in the store.fla you have a rollover effect on that same movie

don’t have the time too look at it better, will try tomorrow

---

<div class="post-metadata">

**Author:** ![troitone](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@troitone](https://forum.kirupa.com/u/troitone)\
**Post date:** [April 4, 2006, 4:55pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/11 "2006-04-04T16:55:11Z")

</div>

Thanks guys for all your help…I hope you can figure this out! I totally appreciate it!

Troitone

---

<div class="post-metadata">

**Author:** ![Pascal\_S](https://avatars.discourse-cdn.com/v4/letter/p/f6c823/32.png) [@Pascal\_S](https://forum.kirupa.com/u/Pascal_S)\
**Post date:** [April 4, 2006, 5:05pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/12 "2006-04-04T17:05:15Z")

</div>

the problem is this script in store.fla

```auto

this.onEnterFrame = function(){ 
if(rewind == true){ 
prevFrame(); 
} 
} 
this.onRollOver = function(){ 
rewind = false; 
play(); 
} 
  
this.onRollOut = function(){ 
rewind = true; 
} 
  
this.onRelease = function(){ 
 } 

```

you should try the tutorial about transitions between external swfs it located in the tutor section

---

<div class="post-metadata">

**Author:** ![troitone](https://avatars.discourse-cdn.com/v4/letter/t/ba8739/32.png) [@troitone](https://forum.kirupa.com/u/troitone)\
**Post date:** [April 5, 2006, 1:20pm UTC](https://forum.kirupa.com/t/complex-button-rollover-rollout-effects-question/184228/13 "2006-04-05T13:20:45Z")

</div>

Is there anyway of getting around this problem? I just need to have those submeus come down when I scroll over store, then go back up when I scroll off the big background that comes down.

~Troitone~
