Solved

tooltips

Posted on 2008-06-11
9
271 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
  • 3
  • 3
9 Comments
 
LVL 12

Accepted Solution

by:
williamcampbell earned 500 total points
Comment Utility
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
Comment Utility
still hasnt fixed the toolip position on edge of movie... try it youself
0
 
LVL 12

Expert Comment

by:williamcampbell
Comment Utility
Can I see your new Code?
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 16

Author Comment

by:ellandrd
Comment Utility
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 16

Author Comment

by:ellandrd
Comment Utility
0
 
LVL 12

Expert Comment

by:williamcampbell
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

This is intended to introduce all collision detection principles in flash, their strengths, weaknesses and workarounds. The main method for Collision Detection in flash is using hitTestObject. But unless you'll be pushing rectangular shapes without …
Here are some practices and techniques that can be adopted into your Flash/Flex application development process. Note: Not all "performance tips" provide an immediately-recognizable benefit.   This article does not include timing validation data,…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

743 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now