Tutorials Home What's New Top Rated Submit myTutes Random!

Mouse Following Tooltip
Author: Sidney de Koning | Website: www.fishual-design.f2s.com |

Page 1
1

Mouse Following Tooltip

By Sidney de Koning, email: sidney@oeoe.nl

Make three layers in your main timeline, called actions, caption
and button. Put this piece of actionscript in your actions layer:

function tooltip (string) {
 xmouse = getProperty("", _xmouse);
 ymouse = getProperty("", _ymouse);
 duplicateMovieClip ("_root.tooltip", "tooltip1", 1);
 tooltip1.tooltip = string;
 setProperty (tooltip1, _x, xmouse);
 setProperty (tooltip1, _y, ymouse);
 startDrag ("_root.tooltip1");
 tooltip1.gotoAndPlay(2);
}
function remove_tooltip () {
 stopDrag ();
 removeMovieClip ("tooltip1");
}

Now make a graphic and name it 'caption' give it two layes;
one with a nice background and another with a dynamic txtbox, multiline, wordwrap turned on
and give it the variable 'tooltip'.
This is going to be your tooltip.

Now make a new Movieclip and call it caption_MC, leave the first frame blank with a
stop() action, in the second frame put your caption graphic you`ve just made and
also give it a stop() action.
Put this graphic about 25 pixels under the + 'centercross' (the point where x and y are zero).
This way you are creating the illusion that the tooltip is 'floating'.
Put this MC on the main stage, doesn`t matter where. Give it the instance name 'tooltip'.

Now make a button with some nice up-, over-, down-, and hit states,
put this in your main timeline with these actions :

on (rollOver) {
 _root.tooltip("This is a mouse following tooltip!");
}
on (rollOut, dragOut) {
 _root.remove_tooltip();
}

Tada !
Your tooltip is ready !!

-Sidney-

1

» Level Advanced

Added: : 2002-01-08 Rating: 7.96 Votes: 51 Hits: 1809

» Author

I`m from the Netherlands, i`ve been working with flash for almost a year now.

» Download

Download the files used in this tutorial.

Download (30 kb)

Get conversion and unzipping tools for PC and Mac here!

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1