Выделенный текстовый всплывающий виджет ... Как его назвать и где найти Javascript?

Question

Я помню, как видел веб-сайт, который, когда вы выделяли / выделяли текст на их странице, создавал маленький шарик в правом верхнем углу, который можно было нажимать и при щелчке выполнял некоторые действия. У меня есть приложение, где этот тип интерфейса будет подходящим для моих пользователей. Но ... я понятия не имею, как назвать этот виджет или с чего начать.

Answer 1

(Quick & Dirty) - используйте это как отправную точку. Я предполагаю, что вы используете jQuery для предоставления пользователю полезной всплывающей подсказки при выделении текста вместо предупреждения, которое делает код. : Р

function getSelection() 
{
    if(document.selection)
    {
        return document.selection.createRange().text;
    }
    else
    {
        return window.getSelection();
    }
}

$(document).mouseup(function() { alert(getSelection()); });

Это подписывается на функцию mouseup и будет оповещать, что пользователь выбрал, если что-нибудь. Естественно, вам придется конкретизировать это, чтобы проверить, является ли текст пустым, а если нет, вызвать всплывающую подсказку или сделать что угодно с текстом.

Answer 2

Думаю, вы имеете в виду всплывающую подсказку. Это легко сделать с помощью JavaScript; Вот только несколько вариантов:

http://www.nickstakenburg.com/projects/prototip2/ http://craigsworks.com/projects/qtip/

Вы бы использовали событие JavaScript, чтобы вызвать всплывающее окно, когда пользователь выбирает какой-то текст. jQuery поставляется с некоторыми предварительно обработанными обработчиками событий, которые, вероятно, выполнят то, что вы ищете:

http://docs.jquery.com/Events/select

Noah