たぶんjavascriptについて質問です。

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/03/07 23:25:53
  • 終了:2008/03/14 23:30:02

回答(3件)

id:STRing No.1

STRing回答回数351ベストアンサー獲得回数362008/03/08 10:50:06

ポイント27pt

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

フォーカスが他へ移動すると値を確かめて、空でなければ 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)

イベントハンドラ

id:aria_corp No.2

aria_corp回答回数38ベストアンサー獲得回数02008/03/08 12:53:56

ポイント27pt

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

http://www.nicomimi.com/

id:aside No.3

aside回答回数339ベストアンサー獲得回数312008/03/14 16:09:26

ポイント26pt

こういうのでお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/

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません