勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

クリップボードの操作

      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>

 - jQuery

  関連記事

スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット&スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけ ...

jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

ajaxのエラー詳細を取得する

success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...

jQueryプラグインを作成する方法

jQueryのプラグインを作ってみたかった。 というのも大抵のものはググったらあ ...

submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...