- ベストアンサー
スクリプトについて ２
先ほど質問したものの延長ですが、 <table> <tr> <td> <SCRIPT LANGUAGE="JavaScript"> <!-- w = (new Date()).getDay(); if(w == 3) document.write("水曜です。"); //--> </SCRIPT> </td> </tr> </table> 水曜日にテーブルの中に「水曜日です」という言葉と同時に、td～td に挟まれた部分の背景を bgcolor="blue" にしたい（背景を火曜日は赤、木曜日は茶、みたいにしたい）のですがどうやればよろしいでしょうか？
- ame-sanc
- お礼率83% (1229/1475)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<table> <tr> <SCRIPT type="text/JavaScript"> <!-- w = (new Date()).getDay(); if(w == 3) { document.write("<td bgcolor=\"blue\">"); document.write("水曜です。"); document.write("</td>"); }else{ document.write("<td>"); document.write("水曜以外です。"); document.write("</td>"); } //--> </SCRIPT> </tr> </table>
関連するQ&A
- onmouseoverを外部にまとめる
お忙しいところすいません 以下のようなマウスオーバーで背景が変わるテーブルを制作してますが、長くなるので「onmouseover」等をまとめる方法があれば教えてください。 ■---元----------------------■ <head> </head> <body> <table> <tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> </table> </body> </html> ■---希望----------------------■ <head> <script language="JavaScript"> <!-- td#over { onmouseover="style.background='#ccccff'"; onmouseout="style.background='#68ceff'" } //--> </script> </head> <body> <table> <tr> <tr> <td id="over">リンク</td> </tr> <tr> <td id="over">リンク</td> </tr> </table> </body> </html> -------------------------------- ＣＳＳもJavaScript初心者ですので全く的外れな質問かもしれませんがよろしくお願いします。
- ベストアンサー
- JavaScript
- document.write内のタグ
<SCRIPT LANGUAGE="JavaScript"> <!-- // 曜日よって文字を変える w = (new Date()).getDay(); if(w == 0) document.write(" ・・・・・・"); ・・・・・・ ・・・・・・ //--> </SCRIPT> 曜日によって表現（文章など）をかえるスクリプトですが、(" ・・・・・・"); の中のタグをわかりやすいように改行したりすると、表示自体されなくなります。また、 <tr><td></td></tr> <tr><td></td></tr> というように空白をあけると妙に行間があいてしまいます。 スクリプトがちゃんと表現されるようにするための解決策はわかってますが、改行してわかりやすいようにタグを整列させたいのです。その方法というのはあるのでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- color 属性が追加できない
<html><meta><script language="javascript"><!-- tr = document.createElement("tr"); tr.setAttribute("bgcolor", "black"); td = tr.appendChild(document.createElement("td")); td.appendChild(document.createTextNode("test")); tbody1.appendChild(tr); //--></script></head><body> <table><tbody id="tbody1"></tbody></table> </body></html> というソースなのですが，実行してもセルの背景が黒く塗りつぶされません。 setAttribute("width", "100px")などはきちんと適用されるのですが・・・。 setAttribute("style", "background-color: black;")としてもダメでした。 どのようにすればよいのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- n回繰り返し書き出す
例えば、 <TABLE border=1> <TR> <TD></TD> </TR> </TABLE> このような表を表示させたい場合、JavaScriptで <SCRIPT language="JavaScript"> <!-- document.write("<TABLE border=1><TR>"); document.write("<TD></TD>"); document.write("</TR></TABLE>"); --> </SCRIPT> このようにすると可能だと思うのですが、 <TABLE border=1> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> </TABLE> このような場合や、あるいは <TD></TD> が20も30もあるような場合、最初の方法ですと、どうも非合理的に思えてなりませんし、 方法も絶対にあるようにも思えます。 このケースでいう、<TD></TD>をn回繰り返して表示させる。 というときには、どのように記述すればよいのでしょうか。 基本的なことを知らずに色々やってみているのですが、どうもわかりません。 おわかりになられる方、どうかご教授願います。
- ベストアンサー
- JavaScript
- 書いたHTMLを見てもらえないでしょうか
HTMLで困ってしまいました… <table width=100 rules="cols" border=1 align="right" cellspacing="0" cellpadding="0"> <TR bgcolor=white><TD><img width=100 height=100 src="test.jpg"></TD></TR> </table> たくさんあそんだ土曜日<br> 楽しかった日曜日<br> <table width=1000> <TR bgcolor=pink><TD>休日明け</TD></TR> </TABLE> ネコと遊んだ月曜日<br> 買い物をした火曜日<br> よくわからない木曜日<br> テレビをよく見た金曜日<br> 上記のようなソースを作ったのですが、IEで表示すると <table width=1000> <TR bgcolor=pink><TD>休日明け</TD></TR> </TABLE> この部分が画像の部分にかぶさって表示されてしまいます。 「width=1000」の数字を少なくする方法も試したのですが、 ウィンドウを小さくすると又画像にかぶさって表示されてしまって悩んでいます。 どうすれば、かぶさらないように表示できるのでしょうか。 どなたか詳しい方教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- colspan セルの結合について
テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが 縦線が消えてしまいます。何故なのか調べてもわからず困っています。 ソースを載せるのでよければお知恵を貸してください。お願いします。 <html> <head></head> <body bgcolor="blue"> <table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <br> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> </body> </html>
- 締切済み
- HTML
- 指定月別背景
<SCRIPT LANGUAGE="JavaScript"> <!-- m = (new Date()).getMonth(); if(m == 11) document.write("<tr bgcolor=\"mistyrose\" align=\"center\"><td colspan=\"4\">１１月</td></tr>"); else document.write("<tr bgcolor=\"#b0e0e6\" align=\"center\"><td colspan=\"4\">１１月</td></tr>"); //--> </SCRIPT> １１月であれば bgcolor を mistyrose に、その他の月には #b0e0e6 したくて、 「指定曜日別表示」のスクリプトを応用して作ったのですが、 このまま挿入すると表示はされますが背景が #b0e0e6 になってしまいます。 いつもコピーペーストが中心なので、どこが間違ってるのかがわかりません。よろしくお願いします。
- 締切済み
- JavaScript
- クリックするとテーブルの列の背景色が変わる／元に戻る
このサイトを参考に以下のサンプルを作りました。 「あるセルをクリックすると、そのセルと依存関係のあるセルすべての背景色を変更する。」 この例でいくと、 1.セルA1,A2のどれをクリックしても、列Aすべての色が変わる。 2.セルB1,B2のいずれかをクリックすると、列Aは元の色に戻り、列Bすべての色が変わる という動きを実現したいです。 2.機能を実現するにはどのようにすればよいのか、どなたかご存知の方ご教授のほどよろしくお願いいたします。 現時点のサンプル <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>テーブルの列の背景色を変える</title> <SCRIPT language="JavaScript"> <!-- function bgcolor(idName){ for ( i=0 ; i < document.all.item(idName).length ; i++ ) { document.all.item(idName, i).style.backgroundColor = "#EE3300"; } } //--> </SCRIPT> </head> <body> <TABLE border="1"> <TR> <TD width="30"> </TD> <TD width="30">列A</TD> <TD width="30">列B</TD> <TD width="30">列C</TD> </TR> </TABLE> <TABLE border="1"> <TR> <TD width="30">行1</TD> <TD width="30" id="td1" onclick="bgcolor('td1')">A1</TD> <TD width="30" id="td2" onclick="bgcolor('td2')">B1</TD> <TD width="30" id="td3" onclick="bgcolor('td3')">C1</TD> </TR> </TABLE> <TABLE border="1"> <TR> <TD width="30">行2</TD> <TD width="30" id="td1" onclick="bgcolor('td1')">A2</TD> <TD width="30" id="td2" onclick="bgcolor('td2')">B2</TD> <TD width="30" id="td3" onclick="bgcolor('td3')">C2</TD> </TR> </TABLE> </body> </html>
- ベストアンサー
- JavaScript
- 外部JavaScriptで書き出す文字がMozilla改行してくれない
下記で書き出した文字列ですが、IEだと450pxで改行されるのに対して、Mozillaだと改行してくれません。 どうすれば改行してくれるのか、何がまずいのかご教授お願いします。 -----HTML <TABLE width='450' border='0' cellspacing='0' cellpadding='0' bgcolor='#FFE0B8'> <TR> <TD width='450'><SCRIPT LANGUAGE="JavaScript" src="sample.php"></SCRIPT> </TD> </TR> </TABLE> -----sample.php <?php //header("Content-type: text/html"); print "document.write(\"１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０\")"; ?>
- 締切済み
- JavaScript
- 指定曜日５つ
<SCRIPT LANGUAGE="JavaScript"> <!-- w = (new Date()).getDay(); if(w == 3) document.write("ＯＫ wave 最高！"); //--> </SCRIPT> 水曜日に表示するスクリプトですが、月～金まで表示したい場合はやはり５つ if をたてなければならないでしょうか？ （たぶん数字のところをなんとかすればとは思いますが・・） よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 document.write("<td bgcolor=\"blue\">水曜です。</td>"); とつなげてもできるようですが、となるとただ中に入れるだけだったので、大変失礼な質問をしてしまいました。すみません。