ホームページ制作に役立つ!ブレイン・エイチシー

ホームページ制作の備忘録サイト(SEO / CSS / Javascript / Ajax / PHP / MySQL / WordPress / MovableType / etc…)

【Javascript】ワンクリックでクリップボードへコピー

Posted by Yamana 9月 - 3 - 2009 - 木曜日 コメントは受け付けていません。
 

ホームページ制作をしていると、
お問い合わせフォームを制作しないことが、ごくごく稀ですが、あります。

その場合、
「お問い合わせには下記内容をメール本文に貼り付けて送信してください」
という表記をして、送ってもらいたい情報の項目を箇条書きで掲載します。

▼ファイルのダウンロード
http://code.google.com/p/zeroclipboard/wiki/Instructions

↓記事投稿への埋め込みができないんですkao/ikari02.gif

なぜか記事中に埋め込もうと思いましたがWordPressとの相性が悪い?せいか、
エラーが表示されるので、設置ソースのみを記述kao/memo01.gif

<div id="d_clip_button">上記内容をコピーする</div> ZeroClipboard.setMoviePath( '/lib/zeroclipboard/ZeroClipboard.swf' ); clip = new ZeroClipboard.Client(); clip.setHandCursor( true ); clip.setCSSEffects( true ); clip.addEventListener( 'mouseDown', function(client) { clip.setText( document.getElementById('fe_text').value ); } ); clip.glue( 'd_clip_button' );