Solved

How do they do bubble tool tip in Flex 3

Posted on 2008-11-02
3
2,559 Views
Last Modified: 2012-05-05
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
Comment
Question by:stargateatlantis
  • 2
3 Comments
 
LVL 19

Accepted Solution

by:
Gary Benade earned 500 total points
ID: 22883851

<?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
 

Author Comment

by:stargateatlantis
ID: 22886955
Would this be used like a pop up bubble.  So that if i click on a button the bubble would pop up
0
 
LVL 19

Expert Comment

by:Gary Benade
ID: 22888869
it is activated when the mouse hovers over the relevant container like the example you provided, try my source code
0

Featured Post

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question