Как отобразить всплывающую подсказку, когда указатель мыши находится над элементом контекстного меню YUI - PullRequest
0 голосов
/ 13 апреля 2011

В нашей рабочей области есть контекстное меню, созданное с использованием библиотеки YUI.Мы хотим вызвать всплывающую подсказку, когда пользователь наводит курсор на каждый элемент.Я погуглил вокруг, но не смог найти полезную информацию.Как мы можем это сделать?

Вот как создается контекстное меню:

        // Add ContextMenu instance to the DataTable parent container
        var contextMenu = new YAHOO.widget.ContextMenu("contextMenu", {trigger: viewScriptsDataTable.getTbodyEl(), itemData: contextMenuItems, lazyload: true});
        contextMenu.render("viewScriptsGrid");

        // Subscribe to events in format event, function, object to pass to function
        contextMenu.beforeShowEvent.subscribe(CodesGrid.updateSelectionIfNecessary, viewScriptsDataTable);
        contextMenu.subscribe("click", CodesGrid.onContextMenuClick, viewScriptsDataTable);

1 Ответ

1 голос
/ 13 апреля 2011

Вы можете обернуть текст в промежуток и установить атрибут заголовка

  var contextMenuItems = [
    {text:"<span title'Cut'>Cut <em class='helptext'>Ctrl + X</em></span>"},
    {text:"<span title'Copy'>Copy <em class='helptext'>Ctrl + C</em></span>"},
    {text:"<span title'Paste'>Paste <em class='helptext'>Ctrl + V</em></span>"}
  ];

Или вы можете построить меню из существующего html, чтобы вы могли установить атрибут заголовка:

<div id="editmenu" class="yuimenu">
    <div class="bd">
        <ul class="first-of-type">
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="#" title="Cut">
                    Cut <em class="helptext">Ctrl + X</em>
                </a>
            </li>
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="#" title="Copy">
                    Copy <em class="helptext">Ctrl + C</em>
                </a>
            </li>
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="#" title="Paste">
                    Paste <em class="helptext">Ctrl + V</em>
                </a>
            </li>
        </ul>            
    </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...