dojox/mobile/Tooltip

Authors:Doug Hays
Developers:Doug Hays
since:V1.7

Tooltip is a simple popup widget that encloses its content and displays a small arrow associating the content (specified as innerHTML) with an arbitrary DOM node. While the widget does not impose any size restrictions on the content, small screen mobile devices may only be able to display short text messages.

Interface

.show()

Displays the Tooltip content (hiding if already displayed somewhere else).

Parameter Type Description
aroundNode DOM node The DOM node that should be pointed to by the small arrow.
positions Array The relative positions to the aroundNode in which to try and place the Tooltip content for best fit. before: places drop down before the aroundNode after: places drop down after the aroundNode above-centered: drop down goes above aroundNode below-centered: drop down goes below aroundNode

.hide()

Hides the Tooltip content.

Examples

Text Only

<div id="textTooltip" data-dojo-type="dojox/mobile/Tooltip" class="mblTooltipBubble">Enter a value.<br><center>Please!</center></div>
<button type="button" onclick="dijit.registry.byId('textTooltip').show(this, ['after','below-centered','above-centered'])">right</button>
../../_images/SimpleMobileTooltip.png

Widget content

<div id="customPicker" data-dojo-type="dojox/mobile/Tooltip">
      <div id="spin1" data-dojo-type="dojox/mobile/SpinWheelDatePicker"></div>
</div>
<button type="button" onclick="dijit.registry.byId('customPicker').show(this, ['above-centered','after','before'])">above</button>
../../_images/ComplexMobileTooltip.png
Error in the documentation? Can’t find what you are looking for? Let us know!