締切済み

Javascriptを使うのか、CSSでできるのか…？

2010/02/13 00:53

初心者です。持っている本のリストを作っています。フリーのCGIプログラムを使用しています。 <html> <head> <title>[name.]</title> <style type="text/css"> ～～～ </style> </head> <body bgcolor="#000000"> <div id="title1">[name.]</div> <message> <table class="zzz"> <tr> <td class="no1">[$AAA.]</td> <td class="no2">[$BBB.]</td> <td class="no3">[$CCC.]</td> </tr> </table> </message> </body> </HTML> [$AAA.]の部分にはタイトル、[$BBB.]の所には作者名、[$CCC.]のところには未読or既読が表示されます。 <message>～</message> の中の情報が繰り返されることになります。 class="no..."の部分はCSSでデザインを定義しています。そこでご相談なのですが、例えば[$CCC.]の部分に「既読」と入力すると、その作品の行に色が付くようにできないでしょうか。（この作品は既読だと、パッと見てわかりやすいようにしたいのです） Javascriptを使うのか、CSSでできるのか…。何を使うのかすらわからない状況で困っています。質問もおかしいところがあるかと思いますが、よろしくお願いします。

ichigou777
お礼率34% (10/29)

JavaScript
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

みんなの回答

babu_baboo
ベストアンサー率51% (268/525)

2010/02/14 16:24 回答No.2

/*@cc_on @if(1)attachEvent('on'+@else@*/addEventListener(/*@end@*/'load',function(){ for(var c=0,d=document.getElementsByTagName('td'),e;e=d[c++];) '既読'==e.firstChild.nodeValue&&(e.parentNode.style.background='red');},false); //<td></td>× //<td> </td>○ phpで<td class="no3 kidoku">みたいに書き出したら？

ログインすると、全ての回答が全文表示されます。

tochansa
ベストアンサー率76% (23/30)

2010/02/13 09:10 回答No.1

そのcgiがどういった動作をするものなのかわかりませんが、「既読」用のスタイルno4を用意しておいて、 [$CCC.]が「既読」だったら <td class="no4">[$CCC.]</td> そうでなければ <td class="no3">[$CCC.]</td> を出力するようにする。かなぁ。別の方法としては、仰る通りjavascriptで対象のセルの中身の文字が「既読」だったら背景色を変更するといった対応になると思います。

ログインすると、全ての回答が全文表示されます。