クリップボードの操作
2014/07/03
<?
/*
クリックでクリップボードにコピーする。
http://zxcvbnmnbvcxz.com/tips-jquery-auto-copy-button/
を参考にさせて頂きました。
複数コピーしたいところがある場合にスマートに書きたい。
あとボタン式に変えたほうがいいかも。
*/
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transtional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.zclip.min.js"></script>
<meta cherset = "UTF-8">
<html lang="ja">
<head>
<title>clip_copy</title>
<script>
$(function(){
$("a#copybtn1").zclip({
path:"ZeroClipboard.swf",
copy:$("input#copy1").val(),
beforeCopy:function(){
$('#copybtn1').text('コピー');
},
afterCopy:function(){
$('#copybtn1').text('コピー済');
}
});
$("a#copybtn2").zclip({
path:"ZeroClipboard.swf",
copy:$("input#copy2").val(),
beforeCopy:function(){
$('#copybtn2').text('コピー');
},
afterCopy:function(){
$('#copybtn2').text('コピー済');
}
});
});
</script>
</head>
<body>
<h1>clip_copy</h1>
<input id="copy1" type="hidden" value="てすとてすと">
<a id="copybtn1">コピー</a><br>
<input id="copy2" type="hidden" value="testtest">
<a id="copybtn2">コピー</a><br>
</body>
</html>
関連記事
-
テキストエリアを自動でリサイズ
改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...
-
classの取り扱い
jQueryでclassを扱う際、 //id=aaaにclass=testを付与 ...
-
jQueryで電話番号チェック
やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...
-
jQueryプラグインのdatetimepickerで年月日と時間のピッカーを実装する方法
jQueryで年月日と時間を選択できるピッカーを導入したかった。以前にboots ...
-
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...