Документация для разработчиков
Темная тема

Начало работы

Подключение и использование

Подключение на 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("Моя вторая подсказка.")
);



Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
2
Евгений Наумов
Сообщение не промодерировано, возможны ошибки и неточности.
По умолчанию хинты не выводятся как html. Чтобы выводился как html, нужно добавть аттрибут data-hint-html
Код
<span data-hint-html data-hint="Моя первая <b>подсказка</b>"></span>
© «Битрикс», 2001-2023, «1С-Битрикс», 2023
Наверх