Group Mouseover Box Actions

When a user clicks the mouse on a group, a menu will appear from the mouseover box. This menu contains actions the end-user can make from the group, including dynamic links and special Flaremap actions like tracking.

Group actions are located in the following div tag of the HTML.

# groupMouseOverContainer .groupMouseOver .moMenuContainer .moMenu .moMenuItem a

All actions are formatted as hyperlinks. Standard HTML markup for the <a> tag may be used.

Group Tracking

To add Group Tracking to a group mouseover box action menu include the following code. Both items below must be included for group tracking to work properly.

<div class="moMenuItem"><a href="javascript:MouseOverActions.trackCell(1);">Track visible cells in this group</a></div>
<div class="moMenuItem"><a href="javascript:MouseOverActions.trackCell(0);">Untrack visible cells in this group</a></div>

Group Zooming

To add zooming to a group mouseover box action menu include the following code. Both items below must be included for group tracking to work properly. Note: The “Zoom Out” option will only appear when the treemap is “zoomed in”.

<div class="moMenuItem"><a href="javascript:MouseOverActions.zoomToGroup();">Zoom in</a></div>
<div class="moMenuItem zoomOutAction" style="display:none;"><a href="javascript:MouseOverActions.zoomOut();">Zoom out</a></div>

Example

Sample group mouseover box action menu:

<div id="mouseOverContainer">
...
<div class="moMenu">

</div>
...
</div>