No.4ベストアンサー
- 回答日時:
> ピンクだった背景色が青になったりしています
書いてもらったtableには背景(ピンク?青??)の指定がなかったけど、セル毎に背景色を指定しているのでしょうか?
<td bgcolor="#xxxxxx"> みたいに。
だとしたらヘッダ部の<script ~></script>を次のものと差し替えて試してみてください。
#これでダメならtable全体をみてみないとわからないかも。
なお、テーブルのネストは問題ないはずです。
<script type="text/javascript">
<!--
function TT_color_set(oR,SetColor){
for(var i=0;i<oR.cells.length;i++) {
oR.cells[i].style.backgroundColor = SetColor;
}
}
function TT_click(oR) {
var oT = oR.parentNode.parentNode;
if(oT.targetRec == oR) {
TT_color_set(oR,'')
oT.targetRec = false;
} else {
if(oT.targetRec)TT_color_set(oT.targetRec,'');
TT_color_set(oR,oT.currentBackgroundColor);
oT.targetRec = oR;
}
}
function TT(Tid,SetColor) {
var oT = document.getElementById(Tid);
if(! oT)return;
for(var i=0;i<oT.rows.length;i++) {
oT.rows[i].onclick=function(){TT_click(this);};
}
oT.targetRec=false;
oT.currentBackgroundColor=SetColor;
}
//-->
</script>
ご丁寧にありがとうございます!steel_grayさんのスクリプトも試させて頂いて、正常に動作を確認できました!
実は先ほどの問題はCSSと、他のJavaScriptでの色指定(テキストや背景色)が原因でした。早くご報告したかったのですがお礼と補足が出来なかったため…遅くなってしまい申し訳ありません(T■T;)
今回は本当に助かりました!ありがとうございました!!m(_ _)m
No.3
- 回答日時:
>選択したセル1つのみしか背景色が変更されず…
私の環境(XP+IE6)では、行で色が変わるのですが…
環境はなんですか?
も、申し訳ないです!!私のやり方が間違ってました!
<TR>タグに書き込まなければいけないのに<TD>タグに書き込んでいました…
貴重なお時間を割いていただいたのにこんなミスで本当に申し訳ありません!(>_<;)
無事正常な動作を確認できました!!
No.2
- 回答日時:
サンプルです。
ヘッダ部の<script~ >~</script>をそのままコピー。
tableにIDを付ける。
</table>の後ろ~</script>までをコピー。
※tableに付けたIDとクリックした時の色を記述
元のテーブルへの色指定の仕方によってはうまく動作しないことも。その時はどんなテーブルにしたのか(色指定がわかるように)を教えてください。
<html>
<head>
<title>table</title>
<script type="text/javascript">
<!--
function TT_click(oR) {
var oT = oR.parentNode.parentNode;
if(oT.targetRec == oR) {
oR.style.backgroundColor = '';
oT.targetRec = false;
} else {
if(oT.targetRec)oT.targetRec.style.backgroundColor = '';
oR.style.backgroundColor = oT.currentBackgroundColor;
oT.targetRec = oR;
}
}
function TT(Tid,SetColor) {
var oT = document.getElementById(Tid);
if(! oT)return;
for(var i=0;i<oT.rows.length;i++) {
oT.rows[i].onclick=function(){TT_click(this);};
}
oT.targetRec=false;
oT.currentBackgroundColor=SetColor;
}
//-->
</script>
</head>
<body>
<table id="T1" border>
<tr><td>hoge</td><td>hoge</td></tr>
<tr><td>hoge</td><td>hoge</td></tr>
<tr><td>hoge</td><td>hoge</td></tr>
</table>
<script type="text/javascript">
<!--
TT('T1','#ffcccc');// テーブルのIDとクリックした時の色
//-->
</script>
</body>
</html>
初めまして、steel_grayさん。
まさに求めていたJavaScriptで大変嬉しく思っています。
早速試させて頂いて、サンプルだけで作成したものは正常に動作したのですが、いざ自分のものに組み込むと何の変化もありません;;
そこでテーブルのネストやボーダーの色指定、他のJavaScriptの噛み合わせ?がマズイのかとか思い、サンプルで作成したものに組み込んで試してみたのですがそっちではちゃんと動作しています。
タグとしては、
<table id="T1" border cellpadding=2 width=200 cellspacing=0 bordercolor="#E5F5FA" bordercolordark="#E5F5FA" bordercolorlight="#666666">
です。
ちょっと自分では他に原因が思いつかず、もう少しお付き合い頂いてもよろしいでしょうか(>_<;)
No.1
- 回答日時:
<script type="text/javascript">
<!--
var oldRow;
function setBGCOLOR(r){
if(oldRow!=null)oldRow.style.backgroundColor="#FFF";//WHITE
oldRow=r;
r.style.backgroundColor="#3FF";//薄いBLUE
}
//-->
</script>
…
<TR onclick="setBGCOLOR(this)">
初めまして、BLUEPIXYさん。
早速試させて頂いたのですが、選択したセル1つのみしか背景色が変更されず…私の説明が悪かったようで申し訳ありません。
今回は、選択したセルが存在する行全ての背景色を変更したいと考えております。
教えていただいたソ-スを自分で改造する、というのが出来ればいいのですが…JavaScriptに関してはサンプルをコピペする程度の知識しかありませんので;;
申し訳ありません。迅速な回答をどうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- Visual Basic(VBA) 昨日、質問した件『VBA にて、条件付き書式で背景色を設定しているセルの範囲で、背景色付きのセルをカ 4 2022/04/07 14:39
- Excel(エクセル) Excel アクティブセルのみ条件付き書式の色を他の色にしたい。 4 2022/06/11 22:19
- Visual Basic(VBA) マクロ実行時、自動で背景色を変えたい。 C列にあるチェックボックスをチェックするとB列に「TRUE」 4 2022/11/08 11:14
- HTML・CSS アドバイスを下さい。 1 2022/10/08 01:18
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- Excel(エクセル) 余計なお世話的な「入力規則」?対策は? 2 2023/01/14 12:39
- その他(Microsoft Office) 従業員増減対応で当番種類の増減対応な当番表 21 2022/07/19 07:30
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
テキストエリアに入力した改行...
-
idの振り直しについて
-
javascriptで画像をテーブルに...
-
javascriptでスロットマシン
-
javascriptでクリックするごと...
-
jquery にて、アラートダイアロ...
-
javascriptで画像の移動
-
テーブルの行数を可変長にした...
-
チェックボックスのON/OFFでVal...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
TextBoxに半角数字以外を入れた...
-
return trueとreturn falseの用...
-
ラジオボタンのチェックが外れ...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
-
【jsp/Java】チェックボックス...
-
特定<table>内の<td>の色を変える
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
テーブルの行数を可変長にした...
-
javascriptで画像をテーブルに...
-
テキストエリアに入力した改行...
-
プルダウンメニューを表の中に...
-
【jQuery】tableループ内のIDの...
-
javascriptで<table>背景色の取得
-
csvファイルのデータを変数とし...
-
javascriptでクリックするごと...
-
Javascriptでテーブルタグの座...
-
table内で上下するfloating men...
-
tbody要素のinnerHTMLが書き換...
-
テーブルのセルのクリック時、...
-
外部CSVをサイトに読み込み表示...
-
Table内TDの子要素を移動させた...
-
指定のテキストをクリックする...
-
javascript でテーブル操作
-
クリックごとに文字色が交互に...
おすすめ情報