# Tooltip

**URL:** <https://forum.kirupa.com/t/tooltip/304717>\
**Category:** Uncategorized\
**Created:** [February 12, 2010, 1:09pm UTC](https://forum.kirupa.com/t/tooltip/304717 "2010-02-12T13:09:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![shapper](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@shapper](https://forum.kirupa.com/u/shapper)\
**Post date:** [February 12, 2010, 1:09pm UTC](https://forum.kirupa.com/t/tooltip/304717/1 "2010-02-12T13:09:56Z")

</div>

Hello,

I am adding some functionality to some Movie Clips as follows:

```auto

for (var i : uint = 0; i < regions.length; i++ ) {
        
  // Define region        
  var region : MovieClip = getChildByName ('R' + regions*) as MovieClip;   
  region.alpha = 0.7;
  region.buttonMode = true;
  region.id = regions*;  
  region.mouseChildren = false;  
   
  region.addEventListener(MouseEvent.MOUSE_OVER, region_Over);
  region.addEventListener(MouseEvent.MOUSE_OUT, region_Out);
  
} // Mark regions

// region_Over
function region_Over(e : MouseEvent) : void {
  var tween:Tween = new Tween(e.currentTarget as MovieClip, "alpha", Strong.easeOut, 0.7, 1, 2, true);
} // region_Over

// region_Out
function region_Out(e : MouseEvent) : void {
  var tween:Tween = new Tween(e.currentTarget as MovieClip, "alpha", Strong.easeOut, 1, 0.7, 2, true);    
} // region_Out

```

And I have an array, regionNames, that contains all regions names.

I would like, on my loop, to create a tooltip for each movie clip:

When the mouse is over the MC I would like to show the region name taken from regionNames\* in a small box with black background.

And when the mouse is out to fade out that tooltip.

How can I do this?  
(I think I have all set with the loop and the MouseEvents)  
(I only need to create the tooltip for each MC).

Thank You,  
Miguel