- ベストアンサー
テーブルの形式を整えるJavascript
- テーブルの形式を整えるためにJavascriptを使用する方法について説明します。
- デモページにある項目の色やチェックボックスを変更するために、Javascriptのコードを改良する方法を教えてください。
- index.htmlのコード、Javascriptのコード、CSSのコードについて、各ファイルの役割と具体的な修正箇所について説明してください。
- tokutoku0108
- お礼率84% (50/59)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
「項目の色」とはどれのことでしょうか？ 「Team」とかの背景色でしょうか？ チェックボックスですが、htmlには直接記述していなく、 jsで生成してるようです。 非表示にしたいばあは、grid.jsの294, 295, 296行目をコメントあるとしてください。 こんな感じです。 （Javascriptでは // （スラッシュを2つ）つけるとコメントアウトされます。 //html = "<LABEL class=g_SH><INPUT tabIndex='-1' type="; //html += ((this.options.allowMultipleSelections) //html += "> </LABEL>";
その他の回答 (1)
- piraippi
- ベストアンサー率27% (47/168)
そしたらですね、Grid.cssの（g_HRクラス）１２１行目の 「background-color : #eee;」をコメントアウトしてください。 -------------------------------------------------- 修正前 background-color : #eee; -------------------------------------------------- 修正後 /* background-color : #eee; */ -------------------------------------------------- で、g_HRクラスの次に以下のクラスを指定してください。 -------------------------------------------------- .g_Head div:nth-child(3) { background-color: red; } .g_Head div:nth-child(4) { background-color: pink; } -------------------------------------------------- これで、「W」が赤に、「Ｌ」がピンクになると思います。 あとは、同様に「.g_Head div:nth-child(4)」の数字(x)<-この括弧の中の数字を指定して 「background-color: pink;」とかを指定してあげればどうでしょうか？
お礼
お返事が遅くなってしまい申し訳ございません！ ご回答ありがとうございます！また前回教えていただいたコードを非表示にしたことでチェックボックスを消すことができました！！ 前回同様操作できる環境にはないのですが操作できる環境早速確認してみます！！
お礼
ご回答ありがとうございます！ >//html = "<LABEL class=g_SH><INPUT tabIndex='-1' type="; //html += ((this.options.allowMultipleSelections) //html += "> </LABEL>"; なるほど、よく見てみると明らかにチェックボックスを生成してそうなコードですね！！ 今はコードをいじれる状態にないのですがいじれるようになったら確認してみます！！ ＞「項目の色」とはどれのことでしょうか？ 「Team」とかの背景色でしょうか？ おっしゃるとおり「Team」や「W」などの一行目の背景色です！！ できれば「W～Tまでは赤色、Pct～Net Ptsまでは青色」など項目によって 色を変えられればと思っているのですがこれだけ複雑なコードですとやはりそういったアレンジを加えるのは難しいのでしょうか。。。