[[!templatebody <<ENDBODY
<span class="popup"><TMPL_VAR mouseover>
<span class="paren">[</span><span class="balloon"><TMPL_VAR popup></span><span class="paren">]</span>
</span>
ENDBODY]]

## Description

Use this template to create a popup window that is displayed when the mouse
is over part of the page. This template has two parameters:

* *mouseover* - This is the text or other content that triggers the popup.
* *popup* - This should be the content of the popup window. It can be anything, even images or a whole little wiki page, but should not be too large for good usability.

Note that browsers that do not support the CSS will display the popup inline in the page, inside square brackets.

## Examples

Trigger a popup when [[!template id=popup mouseover="hovering this text" popup="Here comes the content of the popup."]]:

        \[[!template id=popup mouseover="hovering this text" popup="Here comes the content of the popup."]]