mouse over overlap problem

[zircon99]

Hi there,

I am working on a new flash website. I have some mouse over problem. Can any one help me in this regard?

I am loading an external movie ‘nav.swf ‘ in to ‘xyz.swf’. The ‘nav.swf’ is a mouse over drop down menu navigation and ‘xyz.swf’ has also got a mouse over speech bubble. When the user rolls his mouse over the navigation, the navigation drops down and overlaps on the ‘xyz.swf’ roll over. When the user tries to roll over on the drop down menu, the roll over of xyz.swf’ also activates and makes the life terrible. How can I get rid of this problem?

Thanks,

 

[kennethkawamoto]

One way is to set "enabled" property of the MovieClip in your base SWF to "false" when the mouse is rolled over the navigation, and set back to "true" when rolled out.

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[zircon99]

Thanks Kenneth,

Can you please eloborate more about this, I am newbie to flash.

Thanks,

 

[kennethkawamoto]

Let's say you have a MovieClip "mcNavBtn" in your "nav.swf", and a MovieClip "mcBaseBtn" in your "xyz.swf".

// nav.swf main timeline
mcNavBtn.onRollOver = function():Void  {
	trace("mcNav rollover");
	_parent.mcBaseBtn.enabled = false;
};
mcNavBtn.onRollOut = function():Void  {
	_parent.mcBaseBtn.enabled = true;
};

So when you rollover mcNavBtn, it disables mcBaseBtn in the parent movie ("xyz.swf"), and enables again on rollout.


Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[oldnewbie]

That might still get him in trouble... I'd use a hitTest on one of the mc at least, rather than button handlers anyways...

Regards. Web Hosting - Web Design
03/13/05 -> OLDNEWBIE VS FLASHKIT

 

[zircon99]

Thanks Kenneth, Is there any other way round to do it? Coz, I have got more than 60 pages to load this navigation file 'nav.swf'. Can we add some code only in 'nav.swf' file?

Thanks,

 

[kennethkawamoto]

If you have two over wrapping MovieClips, only the top one receives mouse event. Therefore, if your nav.swf has a MovieClip same size as xyz.swf and covers entire region of xyz.swf, MovieClips in xyz.swf will not receive the mouse event.

This MovieClip in nav.swf has to have a mouse event handler assigned, otherwise MovieClips underneath will receive mouse events. This MovieClip also needs to be alpha 0 so that you can see through what’s underneath (xyz.swf). You want to assign a mouse event hander to this MovieClip only when navigation buttons in nav.swf are rolled over, so that you can interact with xyz.swf normally when the navigation buttons are not active.

The simple example (the covering MovieClip is called "mcCover"):

// nav.swf
mcNavBtn.onRollOver = function():Void  {
	trace("mcNav rollover");
	mcCover.onRollOver = doNothing;
};
mcNavBtn.onRollOut = function():Void  {
	delete mcCover.onRollOver;
};

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[zircon99]

Thank you very much for the reply.