現在は下記のようにクリップボードへのコピーボタンをつくっています function clip_copy() { if (document.all && navigator.userAgent.match(/windows/i) && document.obj.area.value) { copy_obj = document.obj.area.createTextRange() copy_obj.execCommand("Copy") alert("クリップボードにコピー完了"); } } 下～内容～今までは１つのページにがひとつだったので、問題なかったのですが、複数になり、今後も増えそうです（もちろん同ページ内で）。全てのにクリップボードにコピーできるボタンをつけたいのですが、単純に上記のものを複数つくると、ソースやファイルが増えてしまいます。シンプルな記述方法はないものかと模索中です。ご存知の方いらっしゃいましたらご教授ください。

クリップボードにコピー　ソースをより少なく

解決済

質問者：etu007
質問日時：2007/04/05 22:54
回答数：1件

現在は下記のようにクリップボードへのコピーボタンを
つくっています

function clip_copy() {
if (document.all && navigator.userAgent.match(/windows/i) && document.obj.area.value) {
copy_obj = document.obj.area.createTextRange()
copy_obj.execCommand("Copy")
alert("クリップボードにコピー完了");
}
}

<body>下
<form name="obj"><textarea name="area">
～内容～
</textarea>
<input type=button value="クリップボードにコピー"></form>

今までは１つのページに<textarea>が
ひとつだったので、問題なかったのですが、
複数になり、今後も増えそうです（もちろん同ページ内で）。

全ての<textarea>にクリップボードにコピーできる
ボタンをつけたいのですが、
単純に上記のものを複数つくると、ソースやファイルが
増えてしまいます。

シンプルな記述方法はないものかと
模索中です。ご存知の方いらっしゃいましたら
ご教授ください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： KanjiTalk
回答日時：2007/04/05 23:45

function copyFrom(textarea) {

if (document.all && navigator.userAgent.match(/windows/i) && document.obj.area.value) {
copy_obj = document.obj[textarea].createTextRange()
copy_obj.execCommand("Copy")
alert("クリップボードにコピー完了");
}
}

<input type=button onclick="copyFrom('area')" value="コピー">

のようにコピー先のテキストエリアの名前を渡してやればどうでしょう。
オブジェクト名["プロパティ名"]
でもオブジェクトのプロパティを参照できます。

テストはしていないので、試してみて下さい。