Oleg says:

Hi. Interesting one. There is the one I wrote and use. . http://versus.europin.org/examples/ToolTip.rar

Todd Dominey says:

The rollover would be a little smoother if you used an onMouseMove method instead of onEnterFrame, and included an updateAfterEvent(). Then you don’t need the ‘delete onEnterFrame’ part either. In other words…

this.theTip.onMouseMove = function() {
this._x = _root._xmouse-15 ;
this._y = _root._ymouse-35;
updateAfterEvent();
}

paddy says:

example:

save the Class in the correct folder structure (versus/controls)
————————————
import versus.controls.ToolTip

// creates one instance of a tool tip
ToolTip.getInstance();

btn1.onRollOver = function() {
ToolTip.show(“Button 1 Tipfdsf“);
}
btn1.onRollOut = function() {
ToolTip.hide();
}

i’ve edited ‘private static function init()’ to give multilined ablity and changed the movieclip name of tooltip:

line 174 add:
label.multiline = true;

line 161 changed:
_cont = _root.createEmptyMovieClip ( ‘__tooltip_mc’, 9000 );

great work Oleg! thanks p;)

Brandon says:

As a late addition to Jo’s modification. Multi line only works if existing content is oken up into lines. But if we add:

label._width = (some number here as a maxWidth);
label.wordWrap = true;

then the label will resize as you would expect without having to manipulate the data that goes into the label. (so if the string is long, it will wrap after 100px, flash will find the nearest space to the said px distance, so it wont chop words in half unless they are longer than 100px.

BTW, all that contributed, thanks!

Sergo says:

is there a way to load the tooltip content from an external file? xml, txt, etc

Mark says:

don’t forget onReleaseOutside(){}
if you click on a button, hold down, and release outside of the button, the onRollOut event is never called

Brian Boyce says:

Jo,

Thanks for you tooltip class, it worked beautifully. However, a lot of users are getting a warning saying that a script is causing flash to run slowly – and it is the tooltip that is causing it. Unfortunately, my machine copes with it fine making it difficult to isolate the problem. Has anyone else noticed anything (I am assuming it relates to the interval since that message is usually given when using setInterval, infinite loops or onEnterFrame with too much code.

Any help appreciated.

Daniel says:

Brian,

Do you have that code for the fading tooltip? I tried to add it, but it makes the tooltip act a little buggy:
When going from one button to another quickly, the tooltip for the next button won’t show up until.

Any help is much appreciated.

Francisco says:

it’s giving an error

**Error** Scene=Scene 1, layer=actions, frame=1:Line 1: The class or interface ‘Tooltip’ could not be loaded.
var tt:Tooltip = new Tooltip(0xFFFFEC,0×000000);

Total ActionScript Errors: 1 Reported Errors: 1

Ivan says:

It works good. What can I do to use multi-lines?

.onRollOver = function() {
tt.showTip(“first line\n”+”second line”);
}

Thank you, great class

likeFlash says:

Say the class works nice. Had multi line working, but I would love to add an image in dynamically. I can’t seem to make it work. I seen other components doing it, but wondered if this one (that we implemented) can do it.

Anyone get a dynamically pulled image to show up?

Thanks!

Tim says:

Just a quick note that Jo’s modified version of Olegs tooltip can be found here:

http://bigcrunch.free.fr/dotclear/index.php?q=tooltip

Don’t worry, the code is all in english! Just download the file at the bottom of the page.

Thanks to everyone for the work on this, it works great

3pepe3 says:

sorry, this is the updated version
zip updated

Sippora says:

Hi, i’m new to flash, and i want to create a tooltip for an area map. I’ve made to map and created all the different layers for each area, but now i’m not sure what to do next (i’m nt very clued up on actionscript)????? please help!

James says:

I stumbled across this when searching for tips on tooltips, and I have got the class that 3pepe3 posted and have it working well. After playing around with it I found that you can also add images within the tooltip via linking them from an online source, simply using the HTML tag. But the tooltip seems to only resize for the text, and doesn’t take into accound these images. Any tips on this would really help this already fantastic class! Cheers.

Stef says:

3Pepe3’s file is in Flash 9, so here is the code, just paste it in a Flash 8 file, and it will work :

———————-
import Tooltip.as;

var tipSquare = new Tooltip(“tip”, “tri”, 200);
var tipCloud = new Tooltip(“cloud”, “think”, 300);
var tipSquareBig = new Tooltip(“tip”, “tri”, 400);
butt1.onRollOver = function() {
tipSquare.showTip(“this is my very long text to test the wrapping of the textfield, we need to get the tooltip to resize the same height and width of the text.”);
};
butt1.onRollOut = function() {
tipSquare.removeTip();
};
butt2.onRollOver = function() {
tipCloud.showTip(“this is my text to test.”);
};
butt2.onRollOut = function() {
tipCloud.removeTip();
};
butt3.onRollOver = function() {
tipSquareBig.showTip(“this is my very long text to test the wrapping. this is my very long text to test the wrapping. this is my very long text to test the wrapping.”);
};
butt3.onRollOut = function() {
tipSquareBig.removeTip();
};
butt4.onRollOver = function() {
tipSquare.showTip(“this is my very long text to test the wrapping of the textfield, we need to get the tooltip to resize the same height and width of the text.”);
};
butt4.onRollOut = function() {
tipSquare.removeTip();
};
butt5.onRollOver = function() {
tipCloud.showTip(“this is a test”);
};
butt5.onRollOut = function() {
tipCloud.removeTip();
};
butt6.onRollOver = function() {
tipSquareBig.showTip(“this is my very long text to test the wrapping. this is my very long text to test the wrapping. this is my very long text to test the wrapping.”);
};
butt6.onRollOut = function() {
tipSquareBig.removeTip();
};

komirad says:

I have added a update text function to update the text of the tooltip after it is created.

This is made for my open source flash graph application.

When the user rolls over the point, it shows the coordinate of the point and when the users drag the points, it continually updates the text with the new coordinates.

Jeff says:

So, apparently this only works if you remove the strict compiler option from the publish settings. Perhaps it is my software engineering background, but it bothers me to do things the sloppy way, and from what I’ve been reading it would take a significant rewrite to do away with the _root references.