Internet Commerce

Partners & Affiliates

Developer Channel

FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com

IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

 

Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Webmaster (IL) Next Step Systems US-IL-Chicago Post A Job | Post A Resume

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: 1805

» 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