2

ページ上のテキストを強調表示/選択すると、右上に小さなバルーンが生成され、クリック可能で、クリックすると何らかのアクションが実行される Web サイトを見たことを思い出します。このタイプのインターフェースがユーザーに適しているアプリケーションがあります。しかし...このウィジェットを何と呼ぶべきか、どこから始めればよいかわかりません。

4

2 に答える 2

2

(Quick & Dirty) - これを出発点として使用します。コードが行うアラートの代わりに、jQuery を使用してテキスト選択時にクールなツールチップをユーザーに提供していると仮定します。:p

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

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

これは mouseup 関数をサブスクライブし、ユーザーが選択したものがあればそれを警告します。当然、テキストが空かどうかを確認し、そうでない場合はツールチップを生成したり、テキストで好きなことをしたりできるように、これを肉付けする必要があります。

于 2009-11-13T23:07:24.420 に答える
2

ツールチップを参照している可能性があると思います。これらは JavaScript で簡単に実行できます。ここにいくつかのオプションがあります：

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

ユーザーがテキストを選択したときにポップアップをトリガーするには、javascript イベントを使用します。jQuery には、おそらくあなたが探しているものを達成するいくつかの事前にロールされたイベント ハンドラーが付属しています。

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

ノア

于 2009-11-13T22:56:40.873 に答える