人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

たぶんjavascriptについて質問です。
textareaに何も入っていないときに入力欄をグレーにしたいです。
マウスポインタがどこにあろうと、最初からグレーになっている状態です。
どうしたらいいでしょうか?


●質問者: にらたま
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript マウスポインタ 入力
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● STRing
●27ポイント

始め空欄をグレーにして、入力されたところを他の色に変えるという意図だと思うので以下のようにしてはどうでしょうか?

フォーカスが他へ移動すると値を確かめて、空でなければ white にする関数を呼んでいます。

<script type="text/javascript">
function chknoinput(obj) {
if(obj.value != "") {
obj.style.backgroundColor = "white";
}
}
</script>
<textarea onblur="javascript:chknoinput(this);" style="background-color: gray"></textarea>

参考

スタイル(Style)

イベントハンドラ


2 ● aria_corp
●27ポイント

このサイトの右上にある検索ボックスとか、参考になりませんか?

http://www.nicomimi.com/


3 ● aside
●26ポイント

こういうのでおk?

<script type="text/javascript">
function chgBack() {
var obj = document.getElementById("txtTest");
if(obj.value.length == 0) {
obj.style.backgroundColor = "gray";
} else {
obj.style.backgroundColor = "white";
}
}
</script>
<body onload="chgBack()">
<textarea id="txtTest" onkeyup="chgBack()"></textarea>
</body>

http://q.hatena.ne.jp/

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ