複数のZero Clipboardコピーボタン

MyHome Portal 3.19で、Zero Clipboard利用によるクリップボードへのコピー機能を付けました。

http://ok2nd.blog87.fc2.com/blog-entry-258.html

Zero Clipboardは、setText()でコピー文字列をセットした後で、glue()でボタンを設定して、そのボタンをクリックすることでクリップボードへのコピーが実現されます。

Zero Clipboardを使って複数ボタンによるコピー機能実現に苦労しました。私が実現した方法は以下のものです。

onmouseover()で、自分自身にglue()を設定するというものです。

<script language="JavaScript">

function clipSetBtn(id, text) {

var clip = new ZeroClipboard.Client();

clip.setText(text);

clip.glue('button'+id);

}

</script>

<input type="button" id="button11" value="C" onmouseover="clipSetBtn('11','ABC');">

<input type="button" id="button12" value="C" onmouseover="clipSetBtn('12','DEF');">