Solved

tooltips

Posted on 2008-06-11
9
278 Views
Last Modified: 2013-11-05
i found a tooltip class on the web that works quiet well: http://theflashblog.com/?p=16

- if the text is longer than the length of the tooltip, some of the text gets cut off.  
- if the tooltip is displayed near the edge of the movie, part of the tooltip is hidden.

how can i fix this please?

i can provide simple move if required.....

Ellandrd
var tooltip:Tooltip = new Tooltip(0xFFFFEC,0x000000);
tooltip.showTip("Sean Delaney");
 
class Tooltip 
{	
	private var theTip:MovieClip;
	private var theFormat:TextFormat;
	
	function Tooltip(hex:Number,hex2:Number) 
	{
		this.theTip = _root.createEmptyMovieClip("tooltip", _root.getNextHighestDepth());
		this.theTip.createTextField("theText",this.theTip.getNextHighestDepth(),3,1,125,20);
		this.theTip.beginFill(hex);
		this.theTip.lineStyle(1, hex2, 125);
		this.theTip.moveTo(0, 0);
		this.theTip.lineTo(125, 0);
		this.theTip.lineTo(125, 20);
		this.theTip.lineTo(20, 20);
		this.theTip.lineTo(15, 30);
		this.theTip.lineTo(10, 20);
		this.theTip.lineTo(0, 20);
		this.theTip.lineTo(0, 0);
		this.theTip.endFill();
		this.theTip._visible = false;
		this.theTip.theText.selectable = false;
		this.theFormat = new TextFormat();
		this.theFormat.font = "Arial";
		this.theFormat.size = 11;
		this.theFormat.align = "center";
		this.theTip.theText.setNewTextFormat(this.theFormat);
	}
	
	public function showTip(theText:String):Void 
	{
		this.theTip.theText.text = theText;
		this.theTip._x = _root._xmouse - 15;
		this.theTip._y = _root._ymouse - 35;
		this.theTip._visible = true;
		this.theTip.onMouseMove = function() 
		{
			this._x = _root._xmouse-15 ;
			this._y = _root._ymouse-35;
			updateAfterEvent();
		}
	}
	
	public function removeTip():Void 
	{
		this.theTip._visible = false;
		delete this.theTip.onEnterFrame;
	}
}

Open in new window

0
Comment
Question by:ellandrd
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
9 Comments
 
LVL 12

Accepted Solution

by:
williamcampbell earned 500 total points
ID: 21761757
When you go to the edge of the movie it tries to diaply the tip at
                  this._x = _root._xmouse-15 ;
                  this._y = _root._ymouse-35;

 -15 points behind the mouse

So Change to

this._x = _root._xmouse-15 ;
if ( this._x < 0 ) this._x = 0;
this._y = _root._ymouse-35
if ( this._y < 0 ) this._y = 0;

As far as the text getting cropped this line restricts that
  this.theTip.lineTo(125, 0);     // the 125 is the length of the tip

 You cange change *all* the 125's to say 256  or you will need to find the length of the text based on its font etc

Hope this helps

William




0
 
LVL 16

Author Comment

by:ellandrd
ID: 21763244
still hasnt fixed the toolip position on edge of movie... try it youself
0
 
LVL 12

Expert Comment

by:williamcampbell
ID: 21763310
Can I see your new Code?
0
PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

 
LVL 16

Author Comment

by:ellandrd
ID: 21763346
class Tooltip {
      private var theTip:MovieClip;
      private var theFormat:TextFormat;

      function Tooltip(hex:Number, hex2:Number) {
            this.theTip = _root.createEmptyMovieClip("tooltip", _root.getNextHighestDepth());
            this.theTip.createTextField("theText",this.theTip.getNextHighestDepth(),3,1,125,20);
            this.theTip.beginFill(hex);
            this.theTip.lineStyle(1,hex2,125);
            this.theTip.moveTo(0,0);
            this.theTip.lineTo(125,0);
            this.theTip.lineTo(125,20);
            this.theTip.lineTo(20,20);
            this.theTip.lineTo(15,30);
            this.theTip.lineTo(10,20);
            this.theTip.lineTo(0,20);
            this.theTip.lineTo(0,0);
            this.theTip.endFill();
            this.theTip._visible = false;
            this.theTip.theText.selectable = false;
            this.theFormat = new TextFormat();
            this.theFormat.font = "Arial";
            this.theFormat.size = 11;
            this.theFormat.align = "center";
            this.theTip.theText.setNewTextFormat(this.theFormat);
      }
      public function showTip(theText:String):Void {
            this.theTip.theText.text = theText;



            this.theTip._x = _root._xmouse-15;

            if (this.theTip._x<0) {
                  this.theTip._x = 0;
            }
            this.theTip._y = _root._ymouse-35;


            if (this.theTip._y<0) {
                  this.theTip._y = 0;
            }


            this.theTip._visible = true;
            this.theTip.onMouseMove = function() {
                  //this._x = _root._xmouse-15 ;
                  //this._y = _root._ymouse-35;


                  this._x = _root._xmouse-15;

                  if (this._x<0) {
                        this._x = 0;
                  }

                  this._y = _root._ymouse-35;
                  if (this._y<0) {
                        this._y = 0;
                  }

                  updateAfterEvent();
            };
      }
      public function removeTip():Void {
            this.theTip._visible = false;
            delete this.theTip.onEnterFrame;
      }
}
0
 
LVL 12

Expert Comment

by:williamcampbell
ID: 21780937
I Object. I spent some time on this question. The Asker got an answer from another question thread. I should at least get something for my effort. If the asker is asking the same question in two threads and only accepting one that I believe is bad form.

WC
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

While working over numerous projects I often had the requirement for doing a screen capture in AS3.0. Unfortunately I found no "ready made" solutions in google search that suited my requirements. But I did come across some great resources which help…
I have found that much of my time doing support ends up being a constant repetition of the same steps to different people.  Early on I stated using web pages with Frequently Asked Questions (FAQs) to alleviate most of the burden.  Sometimes this jus…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.

691 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