サンプルページ　　　select_and

Select All

Copy

Share this URL. Click to copy to clipboard!

Our greatest weakness lies in giving up. The most certain way to succeed is always to try just one more time. --Thomas A. Edison

copy

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　select_and_copy　　select_and_copy.htm

ﾌｫｰﾑに記述のﾃｷｽﾄを全選択・ｺﾋﾟｰ。　　　　　　DHTML。　　　　　　被選択・ｺﾋﾟｰﾃｷｽﾄ、ﾌｫｰﾑｻｲｽﾞなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、”Select All”、”Copy” ﾎﾞﾀﾝなどで。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、select_and_copy/をｸﾘｯｸ開いたﾎﾙﾀﾞｰでselect_and_copy.htm、00255777438.js を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、select_and_copy.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*1) と、(*2)、(*3) を参考に太字部分の編集を任意に行います。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 10.x～などで開いて。　　　　更新の確認は、[F5]ｷｰを押し、最新ﾃﾞｰﾀ読み込み、で。　　　　あるいは、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後や、【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - [閲覧の履歴] - [削除] などでも。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.js なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わってしまったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

(*1) ：　select_and_copy.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

ieなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

<title>サンプルページ　　select_and_copy</title>

<style>
/* Demos styles. Remove if desired */
/* demo #1 textarea */
.control-copytextarea{
cursor: pointer;
font-weight: bold;
padding:3px 10px;
border-radius: 5px 5px 0 0;
background: #6E06FE;
color: white;
display: inline-block;
box-shadow: 0 0 3px gray;
}

/* demo #2 input text with control */
#select2{
line-height: 25px;
font-size: 105%;
width: 95%;
max-width: 500px;
margin: 0;
background: #E1EFD5;
}

.control-copyinput{
cursor: pointer;
font-weight: bold;
padding:3px 10px;
border-radius: 8px;
background: #6E06FE;
color: white;
display: inline-block;
box-shadow: 0 0 3px gray;
line-height: 25px;
}

/* demo #3 input text only */
fieldset{
width: 95%;
background: #E6E4F6;
max-width: 600px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#select3{
font-size: 105%;
margin: 0;
width: 90%;
max-width: 500px;
background: #E1EFD5;

}

/* demo #4 regular div */
#select4{
width: 200px;
border: 1px solid #A39E9A;
padding: 5px;
background: #E1EFD5;
}

.control-copydiv{
cursor: pointer;
margin-top: 8px;
display: inline-block;
border: 1px solid #A39E9A;
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-top: 8px;
background: #6E06FE;
}
</style>

(*2) ：　select_and_copy.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

demo #1～#4からﾌｫｰﾑを選択、非使用は削除。

<body>

<span class="control-copytextarea" onClick="return fieldtoclipboard.copyfield(event, 'select1')">Select All</span><br>
<textarea id="select1" name="select1" rows=10 cols=35>
There is no passion to be found playing small - in settling for a life that is less than the one you are capable of living. --Nelson Mandela
</textarea>

<br /><br />


<input id="select2" name="select2" type="text" value="http://www.dynamicdrive.com/dynamicindex11/selectform.htm" size="35" />
<span class="control-copyinput" onClick="return fieldtoclipboard.copyfield(event, 'select2')">Copy</span>

<br /><br />


<fieldset>
<legend>Share this URL. Click to copy to clipboard!</legend>
<input id="select3" name="select3" type="text" value="http://www.dynamicdrive.com/dynamicindex11/selectform.htm" size="35" onClick="return fieldtoclipboard.copyfield(event, this)"/>
</fieldset>

<br /><br />


<div id="select4">
Our greatest weakness lies in giving up. The most certain way to succeed is always to try just one more time. --Thomas A. Edison
</div>

<span class="control-copydiv" onClick="return fieldtoclipboard.copyfield(event, 'select4')">copy</span>

<script src="00255777438.js">
/***********************************************
* Select (and copy) Form Element Script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Add this script to the very END of your page, right above the </body> tag if possible
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

==== この間､説明を省略｡ ====

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。