勉強したことのメモ

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で画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。 ・画像のURLはcode.jpgみたいになってる ...

tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるように したいところ。 ■ ...

jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

jQueryのtoggleに引数

社内のソースで、 $(".hoge").toggle(flg == 1? fal ...

画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

アコーディオンメニュー

簡単にアコーディオンメニューを導入したい時に 便利に使えたプラグイン。 ■サンプ ...

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

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

javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...