0

私は他の多くのサイトと一緒にこのサイトを見てきましたが、どこにも答えがありません.

現在、複数のボタンとプレビュー ペインを備えたサイトがあります。プレビュー ペインに表示されるテキストは、ユーザーが現在ホバーしているボタンによって異なります。

<body>
<div="preview_pane"> <!--ALL TEXT IS SHOWN HERE --> </div>

<div id="button_group">
   <div class="copy_me" id="stock1"></div> <!--THIS SHOWS STOCK TEXT-->
   <div class="copy_me" id="stock2"></div> <!--COMPLETELY DIFFERENT TEXT-->
   <div class="copy_me" id="stock3"></div> <!--YET SOME OTHER DIFFERENT TEXT-->
   <div class="copy_me" id="stock4"></div> <!--OTHER COMPLETELY DIFFERENT TEXT-->
</div>

</body>

私がやりたいことは、ゼロクリップボードに、クラス copy_me を使用して任意のボタンにフラッシュ オーバーレイを作成させることです。これらのボタンはすべて、プレビュー ペインに表示されるテキストをコピーする必要があります。

このようにして、ユーザーがボタンの上にカーソルを合わせると、プレビュー ペインのテキストが変更され、クリックすると、プレビュー ペインのテキストがユーザーのクリップボードにコピーされます。

50 以上のストック テキスト ボタンがあるため、スクリプトをすべてのボタンに手動で追加することはできません。

私はフラッシュや JavaScript の経験がないので (jQuery に手を出しただけです)、これは私にとってまったく新しいことです。

どんな助けでも大歓迎です。

4

3 に答える 3

1

https://stackoverflow.com/a/26200988/3471658で同様の質問に回答しました

http://www.steamdev.com/zclip/を使用してみてください。jquery に直接アクセスでき、return ステートメントで独自のロジックを使用できます。

jquery.zclip.js のダウンロードを含め、ZeroClipboard.swf を保存します

ここにスニペットがあります：

$(".class-to-copy").zclip({
    path: "assets/js/ZeroClipboard.swf",
    copy: function(){
        return $(this).attr("data-attribute-with-text-to-copy");
    }
});

swf のパスを変更してください。

于 2014-10-05T08:40:19.453 に答える
0

あなたはjQueryに言及しました。これにより、作業が簡単になります。

var client = new ZeroClipboard($('.copy_me'));

参照: https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

参照: http://jsfiddle.net/rimian/45Nnv/

于 2014-03-11T05:58:44.177 に答える