2012-03-04 8 views
0

リンクを作成してクリックすると、ユーザーがコピーできるテキストを含む何らかのダイアログが開きます。クリックしてハイライトリンクをクリック

私はこのためにjquery UIダイアログを使用しようとしていましたが、他に何か考慮すべき点があるのでしょうか?

理想的には、そのテキストをハイライト表示してコピーすることができます。 jqueryダイアログでこれを行うことはできないと思いますか?

ガイダンスをいただければ幸いです。

+0

ダイアログ内に 'textarea'を置き、コピー/ペーストの準備ができたテキストを選択することができます – ManseUK

+0

highlightTextareaメソッドを使用していますか?それはちょうどハイライトですが、AFAIKをコピー/ペーストするのではありません。それとも別のことを意味しましたか? – Tom

+0

例を使って答えを追加しました.... – ManseUK

答えて

1

はこれを試してみてください:

HTML:

<div id="dialog"> 
    <textarea id="textbox">some text to copy and paste</textarea> 
</div>​ 

はJavaScript:

$('#dialog').dialog(); 
$('#textbox').focus().select();​ 

これは、ダイアログを開き、テキストエリア内のすべてのテキストを選択します。 focus機能が使用されているので、Ctrl + Cはテキストがすでにフォーカスされて選択されているため、まっすぐにオフにすることができます。デモの作業

http://jsfiddle.net/eZbXD/

+0

ありがとう、私はリンクにhtmlを変更することに苦労していますが、私はそれを把握すると確信しています... – Tom

1

代わりのダイアログを開くには、リンクを選択してコピーする準備がされているテキストボックスを表示することができます。私はこれまでにそういったことをしてきました。 this fiddleを見てください。あなたは不要なコードを削除し、必要に応じていくつかのスタイルを与えることができます。

関連する問題