★自動テキスト選択 [ jsサンプル ]
　URL:http://web-parts.itland.ezic.info/sample-parts/auto-text-focus/

[html title=’HTML / index.html’]
< !DOCTYPE html>

自動テキスト選択 [ jsサンプル ]

ウェブパーツの置き場 ＞ 自動テキスト選択 [ jsサンプル ]

主な利用機能

• ボックス内のテキストを全選択する

[/html]

[JavaScript title=’JavaScript / auto-text-focus.js’]
// テキストボックスのテキストを選択する関数
function textFocus1(){
// テキストボックスを全選択する
document.sample_form.sample_box.select();
// メッセージ表示
document.getElementById(‘sample_id’).innerHTML = ‘テキストボックスが選択されました！’;
}

// テキストエリアのテキストを選択する関数
function textFocus2(){
// テキストエリアを全選択する
document.sample_form.sample_area.select();
// メッセージ表示
document.getElementById(‘sample_id’).innerHTML = ‘テキストエリアが選択されました！’;
}
[/JavaScript]

[css title=’StyleSheet / auto-text-focus.css’]
@charset “utf8”;

/************************************************/
body{
background-color: #fff;
margin: 0px 0px 0px 20px;
font-family: Arial, “ＭＳ ゴシック”, Osaka;
/*background-image: url(“../img/sample.png”);*/
}

/************************************************/
#sample_id{
font-weight: bold;
}
[/css]