JavaScriptでフォームの内容が変更されると、バックグラウンドの色が変化するような制御を行いたいです。

参考になるようなサイトをご存知の方いらっしゃいますか?

回答の条件
  • 1人2回まで
  • 登録:2006/06/01 20:34:53
  • 終了:2006/06/08 20:35:45

回答(3件)

id:villain No.1

villain回答回数174ベストアンサー獲得回数122006/06/01 20:53:56

ポイント27pt

onChangeイベントでフォームの変更を取得できます。

あとは、この時に変更してやればいいのでは?

id:rizo

はい、onChangeですね。

その先をもう少し知りたいです!

2006/06/01 21:05:48
id:aki73ix No.2

aki73ix回答回数5224ベストアンサー獲得回数272006/06/01 21:24:06

ポイント27pt

以下はフォームが変更されるごとにランダムに背景色を変更するサンプルです

TextareaやTextは OnChangeだとフォーカスが変更されるまで変更されたことを認識しないので、OnKeyDownを併用しています

CheckBoxもフォーカスが同様の理由でOnKeyDownとOnMouseDownを使用しています

http://nifberry.727.net/test/hatena197.htm

		<HTML>
		<BODY>
		<form>
		<INPUT TYPE="TEXT" OnChange="bgchange();" OnKeyDown="bgchange();"><BR>
		<INPUT TYPE="CHECKBOX" OnChange="bgchange();" OnKeyPress="bgchange();" OnMouseDown="bgchange();"><BR>
		<TEXTAREA  OnChange="bgchange();" OnKeyDown="bgchange();"></TEXTAREA>
		</form>
		<script language="JavaScript">
		<!--
		function bgchange(){
		   at="00000"+Math.round(256*256*256*Math.random()).toString(16);
		   at="#"+at.substr(at.length-6,6);
		   document.bgColor=at;
		}
		// -->
		</script>
		</BODY></HTML>
	

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

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

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

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

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