PP.Ui.ToolTip(settings);
settings. JSON-объект со значениями свойств компонента.
Конструктор ToolTip создает экземпляр класса ToolTip.
Для выполнения примера в теге HEAD html-страницы должны быть подключены ссылки на библиотеку компонентов PP.js и таблицы визуальных стилей PP.css. Разместим на странице текстовую область, при наведении курсора на которую будет всплывать подсказка:
<table style="height: 300px">
<tr>
<td style="vertical-align: top;">
<div id="example" onmouseout="toolTip.hide();" onclick="toolTip.hide();" onmouseover="toolTip.show(10, 35);" style="background-color: #CCC0DA; margin-left: 50px; margin-top: 10px; padding: 8px;">Наведите курсор мыши на эту область...
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var toolTip = new PP.Ui.ToolTip({
Content: "Росстат: 245 674,<br/> 89 регионов",
Width: 170});
</script>
После выполнения примера на html-странице будет размещена текстовая область, при наведении курсора на которую будет всплывать подсказка:
При нажатии левой клавишей мыши на текстовую область подсказка будет скрыта.
См. также: