2009-08-27 1 views
1

この小さなnytimes.comの記事のテキストを選択すると、あなたの選択が終わりにポップアップ表示:ユーザーが選択したときのNytimesスタイルのポップアップ

alt text http://img193.imageshack.us/img193/1316/827200941520pm.png

私のサイト上でこのような何かを実装するための最良の方法は何ですか?これを行うための事前ローリングライブラリがありますか?

+4

です。私は読んでいる間にテキストを強調表示し、このバグは毎回毎回です。幸運なことに、それまでと同じくらい邪魔になることはありません。それは、周囲のすべてのテキストをカバーする辞書ウィンドウを自動的にポップアップするのに使用されていました。 –

+0

私はこの機能をnytimes sucksに100%同意します。しかし、私はまったく別の目的のために使用しようとしています。私のサイトには、ユーザーがテキストに注釈を付ける必要があり、このメソッドを使用して「注釈を作成」ボタンを表示する予定です。 –

答えて

4

私はこのようなことをしなければならないと思います。

$('div.selectableText').mouseUp(function(e){ 
     if (window.getSelection()){ 
      var xCoord = e.pageX; 
      var yCoord = e.pageY; 

      //Use the coordinates (or maybe offset) 
       to position your little modal popup 
     } 

)}; 
+0

注:IEでは 'document.selection.createRange()。text'を使う必要があります –

関連する問題