Tooltip.innerHTML property

Expand
Language: JavaScript and HTML | VB/C#/C++ and XAML
This topic has not yet been rated - Rate this topic

Tooltip.innerHTML property

[This documentation is preliminary and is subject to change.]

Applies to: Metro style apps only

Gets or sets the HTML content of the Tooltip.

Syntax


<div data-win-control="WinJS.UI.Tooltip" data-win-options="{ innerHTML : value}" ></div>


var innerHTML = tooltip.innerHTML;
tooltip.innerHTML = innerHTML;

Property value

Type: String

The HTML content of the Tooltip.

Examples

This example creates a Tooltip for a button. It attaches the Tooltip directly to the button element by setting the data-win-control and data-win-options properties on the button.


<button data-win-control="WinJS.UI.Tooltip" data-win-options="{innerHTML: 'Submit your Order'}">
    Submit
</button>


The next example creates a Tooltip for a hyperlink.


<span data-win-control="WinJS.UI.Tooltip" data-win-options="{innerHTML: 'Microsoft Corporation<br><span class=\'win-text-domain\'>www.microsoft.com</span>'}" style="margin-left: 40px;"><a href="http://www.microsoft.com">Microsoft</a></span>


For the complete code, see the HTML Tooltip control sample.

Requirements

Minimum supported client

Windows 8 Release Preview

Minimum supported server

Windows Server 2012

Namespace

WinJS.UI

Library

Ui.js

See also

Tooltip
HTML Tooltip control sample

 

 

Build date: 5/22/2012

Did you find this helpful?
(1500 characters remaining)
Community Additions ADD