• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2585
  • Last Modified:

How do they do bubble tool tip in Flex 3

How do they do bubble tool tips in Flex 3.  Take a look at this site below


http://www.afcomponents.com/components/tooltip_flex/

Now Hover on anyone of those boxes and you will see the tool tip.
0
stargateatlantis
Asked:
stargateatlantis
  • 2
1 Solution
 
Gary BenadeCommented:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init()">
	<mx:Script>
		<![CDATA[
			private function init():void
			{
				container.addEventListener( MouseEvent.MOUSE_OVER, doover);
			}
		
			private function doover( e:MouseEvent):void
			{
				container.removeEventListener( MouseEvent.MOUSE_OVER, doover);
				container.addEventListener( MouseEvent.MOUSE_MOVE, domove);
				container.addEventListener( MouseEvent.MOUSE_OUT, doout);
				bubble.visible = true;
			}
			private function doout( e:MouseEvent):void
			{
				bubble.visible = false;
				container.addEventListener( MouseEvent.MOUSE_OVER, doover);
				container.removeEventListener( MouseEvent.MOUSE_MOVE, domove);
				container.removeEventListener( MouseEvent.MOUSE_OUT, doout);				
			}
			private function domove( e:MouseEvent):void
			{
				bubble.x = e.stageX;
				bubble.y = e.stageY;
			}
		]]>
	</mx:Script>
	<mx:Canvas id="container" x="198" y="135" width="348" height="200" backgroundColor="#FFFFFF">
	</mx:Canvas>
	<mx:Canvas id="bubble" visible="false" mouseEnabled="false" x="713" y="191" width="217" height="61" cornerRadius="10" borderStyle="solid" backgroundColor="#FEEF00" backgroundAlpha="0.5">
		<mx:Text x="29" y="20" text="dont pop my bubble"/>
	</mx:Canvas>
	
</mx:Application>

Open in new window

0
 
stargateatlantisAuthor Commented:
Would this be used like a pop up bubble.  So that if i click on a button the bubble would pop up
0
 
Gary BenadeCommented:
it is activated when the mouse hovers over the relevant container like the example you provided, try my source code
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now