便利なホームページの作成に必要な、これは便利と思われるhtmlソースやタグ、CSSやCGI又.htaccessなどのソースを紹介します。

コピーボタン設定方法の解説

私の実験で、得られた「クリップボードへのコピー方法」

お勧めの解説

<head> ~ </head>に、
以下の設置、

<script>
function doCopy(txt){
var ta = document.createElement("textarea");
document.getElementsByTagName("body")[0].appendChild(ta);
ta.value=txt;
ta.select();
document.execCommand('copy');
ta.parentNode.removeChild(ta);
 alert('クリップボードにコピーしました');
}
</script>


ボタンは、非常に簡単な、

<input type="button" value="■挿入文字列" onclick="doCopy('■挿入文字列')" title="【一回のク リックで!】コピー出来てるょ!">

<input type="button" value="■糸冬 了..._〆(゚▽゚*)" onclick="doCopy('■糸冬 了..._〆(゚▽゚*)')" title="【一回のク リックで!】コピー出来てるょ!">



■の二ヶ所に、コピーする文字を書く。






以下の解説は、間違いに近くて全く役に立ちません!

特に最近の、一般の多くのサイトの解説は、

スクリプト(script)は、ヘッダにとか、ページ下部にとかに設置と解説しますが、ボタンを複数設置が難しくなります。

 複数のボタンを設置するばあいは、「ボタン」の前後左右の何れかにくっつけて、
ワンセットに「スクリプト」を置きます。・・・スクリプトのId("01")と、
 ボタンのid="01" を揃えると、ページに複数の「ボタン」の設置が可能になります。

■ 以下は、参考にコピーで活用できます。


◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆【コピーボタン】

ヘッダ:では無く、
【ボタンの前後、左右に が良い!】ターゲットのボタンを定めるために、「スクリプト

<script>
function copyToClipboard() {
var copyTarget = document.getElementById("01");
copyTarget.select();
document.execCommand("Copy");
alert("コピーできました! : " + copyTarget.value);
}
</script>


ボタン

<input id="01" type="text" value="&lt;a href=【ここに文字を】;" readonly size="78">
「IE」以外ならボタンクリックでも・・⇒<button onclick="copyToClipboard()">クリップボードにコピー ぽち♪</button>

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆




リストページマップ

ページリストへのリンク 内容説明
「.htaccess」を使って
このページに移動する  
特定IPを指定ページへ移動 index.hml以外をデフォルトファイルに
cgi拡張子をhtml拡張子に変換・転送 html拡張子でPHPページ表示
トップページ以外へのリンクは、トップページに転送
HTMLファイルでCGIを動作させる トップページを任意ファイルに変更
HTMLソース
このページに移動する  
5秒後に指定URLに移動のメタタグ テキストボックス
プルダウン チェックボックス ラジオボタン テーブル(文字位置 align)
JavaScript
このページに移動する  
 前に表示したページに戻る 電光掲示板 文字列変換 更新日時を自動で表示
CGI(Perl)
このページに移動する  
 おみくじ 更新のたびに背景画像を変える 訪問回数
CGI(Ruby)
このページに移動する  
カレンダー 訪問回数 時刻によって挨拶文を変える
スタイルシート(CSS)
このページに移動する  
マウスオーバーで、カーソルの形を指定 ボタン風リンク 縦書き
矢印リスト CGI(Python)
このページに移動する  
カラーチャート IPアドレス取得・表示 日時取得・表示
その他便利等1
このページに移動する  
 枠線の種類 文字表示 【背景色と文字色】の関係
その他便利等2
このページに移動する  
サイト内検索窓 文字列に背景色をつける

ソースタグスクラップヤードのご利用について

便利なホームページの作成に必要な、これは便利と思われるhtmlソースやタグ、CSSやCGI又.htaccessなどのソースを紹介します。
但し、これら全ての情報は随分古いですが、まだ使えるものです。
何年も管理が行き届いていませんでしたので、更新時に見直しを徹底します。
サイト内の各ページは、完成された状態で公開していませんが、管理者本人の知識向上と自身が便利に使う目的もあり、役立つ情報を集めて、便利に使えるサイトにしたいと思っています。
ご意見は、メールや掲示板をご利用ください。
ページでの「クリックコピー」で得たテキストは、「無駄?なスペース」が出来たりすることがあります。
問題は無いとは思いますが、気になる場合は修正してお使いください。