
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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・「これはヤバかったな」という遅刻エピソード
- ・初めて自分の家と他人の家が違う、と意識した時
- ・いちばん失敗した人決定戦
- ・思い出すきっかけは 音楽?におい?景色?
- ・あなたなりのストレス発散方法を教えてください!
- ・もし10億円当たったら何に使いますか?
- ・何回やってもうまくいかないことは?
- ・今年はじめたいことは?
- ・あなたの人生で一番ピンチに陥った瞬間は?
- ・初めて見た映画を教えてください!
- ・今の日本に期待することはなんですか?
- ・集中するためにやっていること
- ・テレビやラジオに出たことがある人、いますか?
- ・【お題】斜め上を行くスキー場にありがちなこと
- ・人生でいちばんスベッた瞬間
- ・コーピングについて教えてください
- ・あなたの「プチ贅沢」はなんですか?
- ・コンビニでおにぎりを買うときのスタメンはどの具?
- ・おすすめの美術館・博物館、教えてください!
- ・【お題】大変な警告
- ・洋服何着持ってますか?
- ・みんなの【マイ・ベスト積読2024】を教えてください。
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・最強の防寒、あったか術を教えてください!
- ・歳とったな〜〜と思ったことは?
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
selectのonChangeが動作しません
-
<JavaScript>tableタグを入力不...
-
javascriptでクリックするごと...
-
【jQuery】tableループ内のIDの...
-
画面表示とともに、テーブルの...
-
javascriptで文字を拡大・縮小...
-
テキストエリアに入力した改行...
-
javascriptで<table>背景色の取得
-
jQueryで合計を出したい
-
onchangeイベントを強制的に発...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
ハイパーリンクを別ウインドウ...
-
jQueryのプラグイン「Tablesort...
-
一覧から選択した行の行番号を...
-
hiddenのvalueの値を変えたい
-
JavaScriptにて動的に配列を作...
-
slickのレスポンシブ > center...
-
二つの入力欄に、同時に同じ文...
-
JavaScriptのfileオブジェクト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
【jQuery】tableループ内のIDの...
-
javascript でテーブル操作
-
JQueryでテーブルの行を追加し...
-
tbody要素のinnerHTMLが書き換...
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
csvファイルのデータを変数とし...
-
javascriptで画像をテーブルに...
-
動的なcheckboxのcheckedについて
-
プルダウンメニューを表の中に...
-
Javascriptでテーブルタグの座...
-
idの振り直しについて
-
html内>テーブル内に複数のjav...
-
Table内TDの子要素を移動させた...
-
クリックごとに文字色が交互に...
おすすめ情報