ページタイトル・URLをクリップボードにコピー:cpUtil.js
概要
ウェブページに「タイトルとURLをコピー」ボタンをかんたんに設置する JavaScript および CSS。
設置例
サンプルページ
や
こちらの記事
をご覧ください。
設置方法
cpUtil.zip をダウンロード
・展開し、cpUtil フォルダをウェブサーバの適切な場所に設置する。
cpUtil.js と cpUtil.css をウェブページに読み込む。
<link rel="stylesheet" href="
path/to/cpUtil/
cpUtil.css">
<script src="
path/to/cpUtil/
cpUtil.js"></script>
初期設定では、ページのタイトルとページURLをクリップボードにコピーします。
タイトルをコピー対象から外す場合は:
<script>
cpUtil.set_options( { title : false } );
</script>
URLをコピー対象から外す場合は:
<script>
cpUtil.set_options( { url : false } );
</script>
初期設定では、ツールチップ、コピー完了通知は日本語で表示されます。
表示言語を英語にしたい場合は:
<script>
cpUtil.set_lang( 'en' );
</script>
日本語:
英語:
ページ内にアイコンを設置。クラス名に cpUtil_icon を設定。
<img src="
path/to/cpUtil/pics/
copy.png"
class="cpUtil_icon"
style="width:72px;height:72px;">
複数設置しても大丈夫です。