Начало работы
Подключение и использование
Подключение на PHP-странице
\Bitrix\Main\UI\Extension::load("ui.hint");
Использование
В html-коде достаточно указать у элемента атрибут data-hint c текстом:
<span data-hint="Моя первая подсказка"></span>
В js-коде необходимо инициализировать подсказку. Будут созданы подсказки для всех дочерних элементов контейнера:
BX.UI.Hint.init(BX('container'));
Javascript-расширение ui.hint
позволяет показывать подсказки на странице.
Пример
<? \Bitrix\Main\UI\Extension::load("ui.hint"); ?> <script type="text/javascript"> BX.ready(function() { BX.UI.Hint.init(BX('my-container')); }) </script> <div id="my-container"> <div> Подсказка 1 <span data-hint="<?=Loc::getMessage('MY_HINT_1')?>"></span> </div> <div> Подсказка 2 <span data-hint="<?=Loc::getMessage('MY_HINT_2')?>"></span> </div> </div>
Использование в JavaScript
При формировании верстки в js, можно получить элемент для вставки из текста:
containerElement.appendChild( BX.UI.Hint.createNode("Моя вторая подсказка.") );
![]()
Сообщение не промодерировано, возможны ошибки и неточности.
| ||
По умолчанию хинты не выводятся как html. Чтобы выводился как html, нужно добавть аттрибут data-hint-html
| ||
© «Битрикс», 2001-2023, «1С-Битрикс», 2023
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.