• ベストアンサー

テキストボックスに入力した色に背景色を変える

教えてください。 テキストボックスに入力されたカラーコード又はカラーネームに背景色を変更させたいのですが、onchangeを使えばいいのはわかるのですが、入力された値をどうやって表示されるかよくわかりません。ボタンを使って変更させるのはわかるのですが…。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • labilion
  • ベストアンサー率38% (43/111)
回答No.1

こんな感じでどうでしょう。 <html> <head> <script language="javascript"> <!-- function chgBG(obj) { //<body>のスタイルをテキストボックスのvalueに変える document.body.style.background = obj.value; } --> </script> <head> <body> <form name="chgcode"> <input name="code" type="text" onchange="javascript:chgBG(this);"> </form> </body> </html>

akigogo
質問者

お礼

出来ました! なるほどbodyにスタイルを追加する感じなんですね。 あとちょっとが思いつかなくて苦戦していたので助かりました。 ありがとうございました!

その他の回答 (1)

回答No.2

ボタンを使わずに出来ますよ! <input name="TextBox1" type="text" onchange="this.style.backgroundColor='Red';"> この場合、背景色を赤に変えます。 参考までに文字色を変える方法。 この場合、文字色を赤に変えます。 <input name="TextBox1" type="text" onchange="this.style.color='Red';">

akigogo
質問者

お礼

知りたかったこととはちょっと違ったのですが、これも何かに使えそうなので覚えておきます! ありがとうございました!

関連するQ&A

  • テキストボックスの値が変更になったら

    ポイントを入力するテキストボックスが2つあって、 1つめのテキストボックスの値が変更されたら2つめの テキストボックスにもその変更された値を表示するとい う事は可能でしょうか? onChangeの処理かなーとも思ったのですが書き方がよく わかりません。 何か良い方法がありましたら教えて下さい。

  • テキストボックスの入力で困っています

    アクセス2010で請求書を作成しています 請求データベースの入力フォーム上の(商品コード)テキストボックス(非連結)に入力して、その値を使い、Dlookupで商品コードデータベースから商品名を入力フォーム上の(商品名)テキストボックスに表示させています 商品コードデータベース上で商品コードを長整数型で設定してあります 商品コードには、40011などの整数型の範囲を超えたデータがあります いろいろな理由から、商品コードは主キーに設定せず、インクリメント型でもありません 入力フォーム上の(商品コード)テキストボックスに整数型の範囲(-32768から32767)なら正常に動作します しかし整数型の範囲を超えて入力すると、「このフィールドに入力した値が正しくありません」が表示され、先に進めません 申し訳ありませんが、何か打開策をお知らせいただけると幸いです

  • テキストボックスの入力抑制

    使用言語はVB.NETです。 フォームAのテキストボックスAに文字を入力し確定すると、 フォームBが起動、フォームBのテキストボックスには、 テキストボックスAで入力した内容が表示されており、それを 変更することはできない。 ただし、テキストボックスAに何も入力せずに起動した場合、 テキストボックスBの内容は書き換え可能、というようなものを 作りたいと思っています。 また、テキストボックスBを入力不可にするには、Enabled=False 以外の方法で行いたいのです。 例えば、テキストボックスAで1と入れた場合、テキストボックスBの 初期表示1をBSで消しても、違う値をいれても、常に1に表示が戻される、 というようなものにしたいのですが…。 上記のようなものを作るには、どのように処理を作っていけば 良いのでしょうか? サンプル的なコードを教えていただけるとありがたいです。 よろしくお願いします。

  • テキストボックスの背景色について

    <html> <body> <form name="form1"> <input type="text" value="よろしく" name="text1"> <script language="javascript"> document.form1.text1.style.background-color = "green"; </script> </form> </body> </html> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

  • Access VBAボタンでテキストボックスを入力

    access2010を使用しております。 フォームでボタンをクリックしたときに、テキストボックスを書換える コードを作りたいのですが、 Private Sub コマンド111_Click() ME!テキストボックス.value= "あああ" End Sub としても、テキストボックスは書き換わりません。 でも、ボタンをクリックした後にそのテキストボックスをクリックすると ちゃんと「あああ」と入力されています。 つまり、ボタンをクリックしても入力はされても表示がされず、 ただ、テキストボックスをクリックすると「あああ」と表示されると言った具合です。 また、テキストボックスをクリックする以外にも 違うレコードに移動してもとのレコードに戻ってもおなじように 表示されます。 これを押した時に表示を変更させるには どのようにすればよろしいでしょうか?

  • テキストボックスの入力値チェックについて

    テキストボックスに入力した値に対して半角カナで入力されているかのチェックをコマンドボタン押下時に行いたいのですが、 どのようなコードを書けばよろしいのでしょうか? ついでに、半角数字のみのチェックも教えてください。

  • Firefox3のテキストボックスの背景色について

    現在Firefox3.6.13を使用しています。以前Firefox2を使用して、ブラウザの背景色を黒、文字色を白で表示させていたところ、テキストボックスやプッシュボタンも同様に背景が黒で、文字色が白で表示されていました。けれど、Firefox3では同様の配色設定にしても、テキストボックスやプッシュボタンに関して、その設定が反映されません。 Firefox3でもテキストボックスやボタンの背景色を黒、文字色を白で表示させるには、どのようにしたらよいか、ご存じの方は教えてください。宜しくお願い致します。

  • テキストボックスの背景の色について

    CGIプログラミングをPerl言語で実装しています。入力画面のテキストボックスに関してはスタイルシートを使っていますが、同じブラウザ(IE)同じバージョン(6.0.28)でみていますが、テキストボックスの背景の色が異なるマシンがあります。何が原因でしょうか?

    • 締切済み
    • CGI
  • テキストボックスの値変更時のイベント

    フォーム上のテキストボックスに、前の画面で入力したデフォルト値が表示されている状態で、テキストボックスの値を変更したらJavaScriptの関数でチェックさせたいと考えているのですがうまくいきません。 onChangeイベントは値を変更(例えば削除するなど)して、Enterキーを押すなりフォーカスを移すなりしないとイベントが発生しないので、変更されたら即座にチェックということができません 何かうまい方法はないでしょうか?

  • VBA テキストボックスのイベントについて

    Microsoft ACCESS 2010を使用しています。 「テキスト0」という名前のテキストボックスがあり、 Me![テキスト0].Value = "こんにちは" というコードでテキストボックスの文字を変更します。 この時、テキストボックスの値が変更されたという条件でまた別のコードを動作させたいのですが、テキストボックスのイベントである、「更新前処理」「更新後処理」「ダーティー時」「変更時」では、動作しませんでした。 テキストボックスの値を変更する段階で別のコードを入力すれば対応は可能なのですが、「テキストボックスの値を変更した時」のタイミングで別コードを動作させることで、コードをまとめたいと考えています。 これに対して良い方法はありますか?よろしくお願いします。

専門家に質問してみよう