tooltip
tooltip
Displays a tool tip on hover.
Metadata
| Single Tag | true |
|---|---|
| XML Style | true |
Examples
Linking a tool tip to a DOM element using the id attribute<skin:tooltip message="Stuff!" selector="#a-123" /> <a href="javascript:void(0);" id="a-123">Things</a>
Linking a tooltip to a DOM element using the id attribute and doing an HTML style tooltip
<skin:tooltip selector="#a-123"> <b>THINGS!</b> </skin:tooltip> <a href="javascript:void(0);" id="a-123">Things</a>
Linking a tool tip to several DOM elements using the class selector
<skin:tooltip selector=".yadda"> <b>THINGS!</b> </skin:tooltip> <a class="yadda" href="javascript:void(0);">Thing 1</a> <a class="yadda" href="javascript:void(0);">Thing 2</a> <a class="yadda" href="javascript:void(0);">Thing Red</a> <a class="yadda" href="javascript:void(0);">Thing Blue</a>
Attributes
| Name | Type | Required | Default | Options | Description |
|---|---|---|---|---|---|
| id | string | No | id used to ensure the tooltip is only loaded once per id. | ||
| selector | string | No | The id of the dom element that you wish to have the tooltip display on hover. | ||
| message | string | No | The actual message. If this is blank, the text between the opening and the closing tag will be used (generatedContent) | ||
| class | string | No | The css class to be assigned to the tooltip div |