催し物の表で、開催日を過ぎたら「終了」と表示し、さらに行の色を灰色に変えるために下記のように記述しました。
--------------------------------------
<html>
<head>
<script Language="JavaScript"><!--
function finMark(y,m,d)
{
openDay = new Date(y+"/"+m+"/"+d);
newDay = new Date();
n = (newDay - openDay)/(1000*60*60*24);
if (n >= 1) {idx = "c01"}
document.getElementById(idx).style.backgroundColor = "#eeeeee";
document.write("<font style='color:red'><br>終了</font>")
}
// --></script>
</head>
<body>
<table>
<tr id="c01">
<td>7/7開催<script>finMark(2005,7,7)</script></td>
</tr>
</table>
</body>
</html>
--------------------------------------
このようにidをふると、一行しか色を変えられません。
idをふる以外の方法を聞かせていただければと思います。
また、同時に文字の色を変える方法も伺えれば幸いです。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
<html>
<head>
<script Language="JavaScript"><!--
function finMark(id,y,m,d){
openDay = new Date(y+"/"+m+"/"+d);
newDay = new Date();
n = (newDay - openDay)/(1000*60*60*24);
if (n >= 1) {
document.getElementById(id).style.backgroundColor = "#eeeeee";
document.getElementById(id).style.color="gray";
document.write("<font style='color:red'><br>終了</font>")
}
}
// --></script>
</head>
<body>
<table>
<tr id="c01">
<td>7/7開催<script>finMark("c01",2005,7,7)</script></td>
</tr>
</table>
</body>
</html>
----------------------------------------------------------
やはり、idを振る方法なので、希望のものとは違うかもしれませんが
finMark に idを渡してやることで処理する行を変えさせることができるので、問題ないと思います。
IEの場合idを振らないでテーブルに行と列でアクセスできますが、汎用性を欠いてしまうので、この方が良いと思います。
あと、文字色も背景色と同じように変更できます。
早速、使わせていただきました。
今までのコードを活用できる上に、思い通りに表示することができ嬉しいです。
ご回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
selectのonChangeが動作しません
-
<iframe>内にHTMLをランダム表...
-
<JavaScript>tableタグを入力不...
-
画像クリックでテーブル内背景...
-
JQueryでテーブルの行を追加し...
-
Table内TDの子要素を移動させた...
-
テーブルのtdの中に、重複避け...
-
javascriptでクリックするごと...
-
マウスオンで指定の位置で画像...
-
テーブルをクイックソートする...
-
javascriptで画像をテーブルに...
-
指定のテキストをクリックする...
-
どこに挿入?
-
任意に文字数指定のできる原稿...
-
JavaScriptで<select>の<option...
-
【jQuery】input nameの文字列...
-
select内を書き換えることは出...
-
return trueとreturn falseの用...
-
ハイパーリンクを別ウインドウ...
-
追加ボタンを押した際に ok ボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
selectのonChangeが動作しません
-
【jQuery】tableループ内のIDの...
-
javascriptで画像をテーブルに...
-
Tableの枠線(内・外)色を変更
-
テキストエリアに入力した改行...
-
クリックごとに文字色が交互に...
-
javascript でテーブル操作
-
JQueryでテーブルの行を追加し...
-
javascriptで<table>背景色の取得
-
idの振り直しについて
-
テーブルのセルのクリック時、...
-
<iframe>内にHTMLをランダム表...
-
javascriptでスロットマシン
-
プルダウンメニューを表の中に...
-
連動テーブルのクロスハイライト
-
簡単なJavaスロットマシーンに...
-
jquery にて、アラートダイアロ...
おすすめ情報