ページタイトル・URLをクリップボードにコピー:cpUtil.js

概要

ウェブページに「タイトルとURLをコピー」ボタンをかんたんに設置する JavaScript および CSS。

設置例

サンプルページこちらの記事をご覧ください。

設置方法

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