![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.4ベストアンサー
- 回答日時:
#1です。
ふしんせつだっとことを、はんせいし・・・。ぜんかくくうはくは、てきとうにはんかくにでもしてね。ばぶぅ~!
すくりぷとは、さいごにおいてね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>test</title>
<p id="pp">
<input type="text" name="hoge" size="4">
<input type="text" name="hoge" size="4">
<input type="text" name="hoge" size="4">
<textarea name="hoge"></textarea>
</p>
<p id="qq">
<input type="text" name="hoge" size="4">
<input type="text" name="hoge" size="4">
<input type="text" name="hoge" size="4">
<textarea name="hoge"></textarea>
</p>
<script type="text/javascript">
//@cc_on
var AutoBGcolor = (function (createListener) {
return function (target, bgc0, bgc1) {
var listener = createListener(bgc0, bgc1);
var inp, cnt, o;
for(cnt = 0, inp = target.getElementsByTagName( 'INPUT' ); o = inp[cnt++]; )
o.style.backgroundColor = ('' == o.value) ? bgc0: bgc1;
for(cnt = 0, inp = target.getElementsByTagName( 'TEXTAREA' ); o = inp[cnt++]; )
o.style.backgroundColor = ('' == o.value) ? bgc0: bgc1;
target./*@if (@_jscript) attachEvent('on' + @else@*/ addEventListener(/*@end@*/
/*@if (@_jscript) 'focusout' @else@*/ 'blur' /*@end@*/, listener, true);
};
})(
function (bgc0, bgc1) {
return function (evt) {
var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/;
if ( /INPUT|TEXTAREA/.test(e.nodeName) && ! /checkbox|radio/.test(e.type) ) {
e.style.backgroundColor = ('' == e.value) ? bgc0: bgc1;
}
};
});
AutoBGcolor(document.getElementById('pp'), '#eee','#fff');
AutoBGcolor(document.getElementById('qq'), '#fdd','#fff');
//AutoBGcolor(document, '#eee','#fff');//全体にならこれでもOK!?
</script>
No.5
- 回答日時:
はやくも、みすった~!
<script type="text/javascript">
//@cc_on
var AutoBGcolor = (function (createListener) {
return function (target, bgc0, bgc1) {
var listener = createListener(bgc0, bgc1);
var inp, cnt, o;
for(cnt = 0, inp = target.getElementsByTagName( 'INPUT' ); o = inp[cnt++]; )
if ( /INPUT|TEXTAREA/.test(o.nodeName) && ! /checkbox|radio/.test(o.type) )
o.style.backgroundColor = ('' == o.value) ? bgc0: bgc1;
for(cnt = 0, inp = target.getElementsByTagName( 'TEXTAREA' ); o = inp[cnt++]; )
o.style.backgroundColor = ('' == o.value) ? bgc0: bgc1;
target./*@if (@_jscript) attachEvent('on' + @else@*/ addEventListener(/*@end@*/
/*@if (@_jscript) 'focusout' @else@*/ 'blur' /*@end@*/, listener, true);
};
})(
function (bgc0, bgc1) {
return function (evt) {
var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/;
if ( /INPUT|TEXTAREA/.test(e.nodeName) && ! /checkbox|radio/.test(e.type) ) {
e.style.backgroundColor = ('' == e.value) ? bgc0: bgc1;
}
};
});
AutoBGcolor(document.getElementById('pp'), '#eee','#fff');
AutoBGcolor(document.getElementById('qq'), '#fdd','#fff');
</script>
にっ!
No.2
- 回答日時:
回答の盗作ですが、
<script type="text/javascript" charset="utf-8">
<!--
window.onload = function () {
document./*@if (1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'change', Handler, false);
function Handler (evt) {
var e = evt./*@if(1) srcElement @else@*/ target /*@end@*/;
if(e.nodeName=="TEXTAREA"){
if(e.value){
e.style.backgroundColor="#FFFFFF";
}else{
e.style.backgroundColor="#808080";
}
}
}
}
// -->
</script>
<textarea style="background-color: #808080;"></textarea>
No.1
- 回答日時:
しんせつではありませんが
<textarea style="background-color:#eee" name="abc" onKeyup="this.style.backgroundColor=this.value ? '#fff':'#eee'"></textarea>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelについて▶あるセルに文字を入力すると、別のセルに色がつく(条件付き書式) 1 2022/03/27 16:43
- Access(アクセス) アクセス IDが空白の時、メッセージボックスがでるようにするには 1 2022/08/04 11:06
- Access(アクセス) Access IF文でテーブルに存在しない場合の処理について 2 2022/10/10 18:09
- PHP ここで言う空文字の意味とは? 1 2022/08/05 16:27
- その他(Microsoft Office) 【スプレッドシート】白色のセルをカウントしたい 2 2023/02/24 07:39
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- Visual Basic(VBA) エクセルVBAについて 2 2023/01/31 16:21
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- Access(アクセス) capeofdragonと申します。 Access2016を使っております。 あるフォームがあり、テ 2 2022/09/09 13:18
- Java 改行含むテキストの表示の仕方 1 2023/06/13 06:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a>タグのテキストを取得
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
【Tabキー】特定の範囲内だけで...
-
テキストボックスがブランクの...
-
ブラウザに応じたJavaScriptの...
-
フレームでページ内検索機能
-
同じIDで定義した要素の配列を...
-
C#OpenCv V4にのエラーに関する...
-
GASでundefinedエラーが出ます
-
C#テキストボックスの文字を配...
-
window.openでタイトル名の指定
-
functionから別のfunctionを実...
-
クリッカブルマップのリンク部...
-
JAVAスクリプトで指定時間以降...
-
undefinedを表示させない方法は...
-
Vb.netのグローバル変数の宣言...
-
googleスプレッドシートのApps ...
-
シンプルなweb版スタンプラリー...
-
DOM要素を削除しても、イベント...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
任意の座標をクリックさせるには
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
HTML:Tableタグに対し、JavaScr...
-
JavaScriptでオブジェクトを取...
-
onchangeイベントを使ってspan...
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
重複しないくじの作り方がわか...
-
javascript 特定のタグのidの存...
-
配列の大括弧と丸括弧はどう違う?
-
javascriptであるボタンを押す...
-
「nullまたはオブジェクトでは...
-
div要素内の全input要素をdisable
-
onclickを使わずにイベント処理...
-
画像上のクリックした場所が分...
-
RadioButtonListの表示制御
-
javascriptで自動計算フォーム...
おすすめ情報