Search  

SMOOTH TOOL TIP (AS3)

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesSmooth Tool Tip (AS3)

Smooth Tool Tip

Click here to view the AS2 version You are viewing the AS3 version

FILE UPDATE [11/02/08] – Fixed another minor glitch in the code.

FILE UPDATE [10/31/08] – I have revised a little bit of the code. I realized there where a couple minor errors in the ActionScript and have fixed them so the ToolTip works as it was meant to.

FILE UPDATE [10/02/08] – The update includes new code so the tooltip works within movie clips centered on the stage. It also resolves the issue of the tip of the tooltip showing at the top of the screen.

The Coolest tool tip you will ever find!

About Smooth Tool Tip

  • Quickly drag & drop the tool tip into your Flash project
  • Easily change the text the tooltip
  • The tooltip will auto-resize depending on the text
  • You can set the target object to Automatically blur out with the tool tip
  • The tool tip will never appear off of the stage
  • Smooth mouse following using tweening

View the help file

Smooth Tool Tip Help File

ActionScript 3 Projects

Easy Scroller (AS3) Easy Photo Gallery (AS3) Extreme Media Player (AS3) Smooth Tool Tip (AS3) XML Options Bar (AS3) Custom XML News Reader (AS3) Super Vid Player (AS3) Sticky Button (AS3) Glowing Background (AS3) Motion Template V3 (AS3) Music Bar (AS3) Motion Template v2 (AS3) Motion Template V1 (AS3) Glowing Preloader (AS3) 3D Button (AS3)

ActionScript 2 Projects

Easy Photo Gallery (AS2) Smooth Tool Tip (AS2) Custom XML News Reader (AS2) Super Vid Player (AS2) Sticky Button (AS2) Glowing Background (AS2)

Subscribe to this file's RSS feed Subscribe JoeMC's new file RSS feed

Posted 2 months ago

Nice fade effect :):)

Posted about 1 month ago

can you have multiple tooltips with different text without dubplicating the movie clip?

Posted about 1 month ago

gopic – It is just 1 movie clip. For each item you want it to show up for you set the text you want on the tooltip. The tooltip will resize, fade in and fade out for each object. You just call functions to the single tooltip movie clip.

Posted about 1 month ago

creative :)

Posted about 1 month ago

smooth :) good job

Posted about 1 month ago

Nice looking t-tips you have there :) The only thing that bothers me is that the tip of the tool tip can be seen above the balloon (in the upper example)..

Posted about 1 month ago

Very, very nice. I love the blurring effect and the tooltip is great

Posted about 1 month ago

Florindustries – I already have an update in the queue with that fixed.

Thanks everyone for the compliments!

Posted about 1 month ago

so smoooth and so clean :D

Posted about 1 month ago

Hi Where would I put the info to change text size. I’d like the tooltip bubble smaller

thanks

Posted 25 days ago

alwinch – In the smoothToolTip movie clip, just select the text fields located in the Text layer and change the text size (from the Properties tab) to whatever you want. The ActionScript will take care of lining everything up.

Posted 25 days ago

FILE UPDATE 10 /31/08 – I have revised a little bit of the code. I realized there where a couple minor errors in the ActionScript and have fixed them so the ToolTip works as it was meant to.

Posted 22 days ago

Hi JoeMC.

Can i make the tooltip linkable?

Thanks, Yiannis

Posted 22 days ago

gkot – Can you explain further by what you mean by linkable? If you want it open a webpage or go to a frame by Clicking, just add that functionality to the object you are rolling over. If you are talking about something else, please let me know.

Thanks for your purchase!

Posted 22 days ago

JoeMC thanks for the quick response.

You guessed right. Let’s say i want to make linkable the area of the “btn” movieclip (in your SmoothToolTip.fla file). Can you tell me pls where i have to add the linkage functionality and how?!

In the “a” layer where is your actionscript for the tooltip, or in “btn” movieclip?!

Thanks

Posted 22 days ago

gkot – This issue is a general AS3 question, but here’s the basic setup for what you need to do. You need to set up an Event Listener for when you select a movieclip/object on the stage, like this:

btn.addEventListener(MouseEvent.MOUSE_UP,btnUp);

This tells flash to listen for when you release the mouse on a particular movie clip (in this case the movie clip with the instance name btn). So, when you release the mouse on btn, it calls the function btnUp, which will run particular set of code, like this:

function btnUp (e:MouseEvent):void{ // PUT WHATEVER YOU WANT TO HAPPEN HERE }

So, if you want to link to a different webpage you could put:

function btnUp (e:MouseEvent):void{ var webRequest:URLRequest = new URLRequest(“http://www.flashden.net”;);

navigateToURL(webRequest,window);

}

Or, if you want to go to a different frame, put:

function btnUp (e:MouseEvent):void{ gotoAndPlay(3); }

Anyways, I hope that helps. If you’re trying to learn ActionScript I would suggest getting a book. Most of my knowledge was gained through reading a book called’ Essential ActionScript 3.0’ by Colin Mook.

Good luck!

Joe

Posted 22 days ago

Thank you so much for reply!

I really appreciate it. I’ll try it

Posted 22 days ago

Your welcome! Please rate this file when you get a chance.

Posted 22 days ago

gkot – I have pasted the code here , where it is formatted better.

Posted 22 days ago

5* from me.. it is just a great file!

Posted 22 days ago

FILE UPDATE [11/02/08] – Fixed another minor glitch in the code.

Posted 19 days ago

Hi,

I have a small problem, i have 3 x tip movie clips instances and 3 buttons. The code i’m trying is:

(all of this in the root timeline)

// SET MOUSE _OVER LISTENERS FOR YOUR OBJECTS tv_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver); book_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver); //radio_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

function btnOver(e:MouseEvent):void{ }

tv_tip.setText("TV","Copy Text");  
book_tip.setText("BOOK","Copy Text");
//radio_tip.setText("RADIO","Copy Text");
// IF YOU WANT THE TARGET OBJECT TO BLUR, PASS THE TARGET OBJECT
tv_tip.startMouseFollow(e.target); 
book_tip.startMouseFollow(e.target);
//radio_tip.startMouseFollow(e.target);
// IF YOU DO NOT WANT THE TARGET OBJECT TO BLUR, DO NOT PASS ANYTHING
//smoothToolTip.startMouseFollow(); // .startMouseFollow() is the function
// ADD EVENT LISTENER FOR MOUSE_OUT
e.target.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

// MOUSE _OUT LISTENER function btnOut(e:MouseEvent):void{ }

// MAKE THE TOOLTIP DISAPPEAR
tv_tip.endMouseFollow(); // .endMouseFollow() is the function
book_tip.endMouseFollow(); // .endMouseFollow() is the function
//radio_tip.endMouseFollow();
// REMOVE THE MOUSE_OUT LISTENER
e.target.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

problem is it displays the same text for each tip when btn instances are rollovered

- it takes the last one in the list within the btnOver Function.

thanks

Frost.

Posted 1 day ago

Frost – Are you trying to have more than 1 tooltip display at a time? Or do you just want the tooltip to show with different text when you roll over each item?

If the latter is the case, you will only need 1 instance of the tooltip. Set the instance name to “toolTip”, and then copy and paste the code from here into your frame. (delete your old code).

There are other errors in your code not relating to this product to take note of… For the functions you were trying to call, like:”function btnOver(e:MouseEvent):void{ }”, everything that is withing the “{}” is what would be run when the function is called… which in your code all of that information is located after the curly brackets, so it would run that code as soon as the file starts, and nothing would happen when you call the function… I hope that makes sense.

Anyways, take a look at the code I modified for you and let me know how it works out. Thanks for your purchase! Please remember to rate the file when you get a chance.

Joe

Posted 1 day ago

Hi JoeMC

Once I download it, can I change the colors???

Do I get the .fla file??

thanks a lot!!

Posted 1 day ago

ilario – Yes, you’ll get the .fla once you download, and you can change the colors.

Posted about 13 hours ago