• ベストアンサー

JavaScriptでテーブルの枠の色を変えて・・・

テーブルの複数の枠の中で1つだけをクリックしたら色を変えるって事は 出来るのでしょうか? おねがいします。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • osaosa42
  • ベストアンサー率60% (20/33)
回答No.1

使用しているブラウザは、IE5ですか? IE5なら以下の方法で実現できると思います。 意味が違ってたらごめんなさい。 ----------------------------------------------- <html> <head> </head> <body> <table border="1"> <tr> <td onClick="this.style.backgroundColor='#FF0000'"> 赤 </td> <td onClick="this.style.backgroundColor='#00FFFF'"> 青 </td> </tr> </table> </body> </html> ------------------------------------------------

baionic
質問者

お礼

ありがとうございました。 たすかりました

関連するQ&A

  • テーブルの枠に付いて

    ホームページビルダー10を使っています。 テーブルの枠表示についてなのですが、(行2、列複数) 左側の行は枠表示なし、右側の行は枠表示ありにしたいのですが、 これは「表の属性」から指定可能でしょうか? それともhtmlから直接編集するしかないのでしょうか?

  • ブログのサイドテーブルの枠の色変更について

    皆様よろしくお願い致します。 私は、fc2ブログのsimpledotのテンプレートを使用しています。 サイドテーブルの色を変えようとしたら、真ん中の色は変わったのですが、枠の色だけ変わりませんでした。cssフォームを色々いじってみたのですが、枠の色を変えるにはどうしたらよいでしょうか?

  • テーブルの枠自体を折り曲げる

    tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。

    • ベストアンサー
    • CSS
  • テーブル枠の外側の赤い枠?

    IBMホームページビルダーで、枠(テーブル)を挿入したあと枠の外側に、何か 赤い枠のようなものが表示されていて、その中にすっぽり枠が入っているような状況です。普通に枠を貼り付けると、あかい外枠は付かない上に、赤枠に入ったテーブルよりも広がって張りついてしまいます。あかい外枠をつける方法をご存じの方がいましたら、ご教授願います。

  • テーブルの枠を細くしたい

    はじめまして! よろしくお願い致します。 今ホームページビルダー7でHPを作っています。 表を作っているのですが、表の枠の太さを細くしたいと思っています。 そこで「属性の変更」からまず「枠表示をなし」にしました。 そして、表の背景の色を黒に指定し、表の中のセルを白にしました。 ところが、もっと細い枠にしたいのです。 それにはどうしたらよいのか、調べているのですが、なかなか見つかりません。 どなかたご存知でしたら教えてください。 よろしくお願い致します。

  • セルの枠が全て1pxのtableの書き方

    セルの枠が全て1pxのtableってどうやって書くんでしょうか? 普通にtableのプロパティをいじっていて、cellspacing = "0" にしてボーダーを表示させると2pxの枠ができてしまいます。 そのため私はtableの背景に色を設定して、cellspacing = "1" にしてboroder="0"にします。これだとセルの枠の隙間がちょうど1pxになるので1pxの枠ができるtableになるのです。しかしこのやり方に疑問をもって質問しました。

    • ベストアンサー
    • HTML
  • javascript クリックすると、あるテーブルのセルの色を複数個所変化させたい

    ある、場所をクリックすると、 あるテーブルのセルの背景色が変わるというものを作っています。 特定の場所を変化させるには”all()”を使うと知り javascript には、ある場所をクリックすると document.all('td01').style.backgroundColor='#44EE77'; というような処理をさせることにしました。 すると <td id="td01"></td> と記述した部分はちゃんと色が変わったのですが、 複数のセルの色を変える必要がある部分があり 複数にわたって <td id="td01"></td> <td id="td01"></td> というようにtd01を指定すると、やはりエラーが起こりました。 その後、いろいろ調べてみたのですが、 最初に書いたような背景色を変化させる処理を 複数個所に渡って指定するという方法が分かりません。 どうすれば、複数個所の色を変えることができるのでしょうか?

  • スクロールバーと連動するテーブル枠

    こんにちわ。 先ほど見てたサイトにあったのですが ページ左上に小さなテーブル枠があり その中にテキストリンクが数行入った物がありました。 ページの下の方を見ようとして、スクロールバーを コロコロしてると、そのテーブル枠も一緒にコロコロ下がります。 常に画面の左上にテーブルが表示されてます。 これはJavaScriptでしょうか? そのサイトのソースを見せて頂いたんですが JavaScriptがズラズラ~っと並んでました。 これを応用して、テーブルの中にお気に入りの画像(自作)を 挿入して、いつもサイト内にその画像を表示しておく・・ みたいな事が出来ればいいなぁ・・ って思いついたんですが、可能でしょうか? そうゆう事が出来るJavaScriptのサンプルが 置かれてるサイトや解説されてるサイトが もしありましたら、教えて下さいm(__)m

  • ドリームウェーバー8のテーブルの枠について

    こんにちは。ドリームウェーバーでテーブルを作った時に枠のボーダー の色変更が出来ると思うのですが、この枠の太さなのですが、最小単位 が1となっていますが、それ以下にはできないのでしょうか? 他のサイトなどを見ていると(このおしえてgooもそうですが)明らか に枠の太さがドリームウェーバーでいうところの1以下に見えます。 ソースをいじる方法でもいいのでどなたかアドバイスくれませんか? あともう一つ聞きたいのですが、文字の固定はどのコマンドでするの でしょう?ついでに教えていただけると助かります。

  • テーブル枠と文字

    DreamWeaverでHP作成中です。 たびたび質問させていただいていますが、テーブルの大きさがどうしても合いません。 【A】<table width="100%" height="100%">という大きなテーブルの中に 3つ入れ子しています。   <tr><td>   【1】<table width="710" height="55">   【2】<table width="710" height="15">   【3】<table width="710" height="400"> </td></tr></table> これをベースに、【1】【2】のテーブルにはボタンを入れ、各ページにリンクさせています。 【3】のテーブルにインラインフレームを入れて、各ページ枠組と背景は同じのものを作っています。 【3】のインラインフレームを外しFlashファイルをはめこんだりすると、他のページと枠の大きさが変わってくるのですが、理由がわかりません。 もしかして、テーブルの枠自体に高さや幅があるのでしょうか。 例えば<table border="0">としていても、少し高さがあったりするために、全体の大きさが微妙に変わってしまう等。 もしくは、<td height="5">と設定しているのに、文字の大きさがそれ以上の高さを持っているため等。 文字の大きさはブラウザの設定等にも依存するのでしょうが、大体高さはどのくらいに設定すればよいのでしょうか。 それから、例えば【3】<table height="400">の中が<table height="380">と<table height="15">の2つだとするとまた大きさが変わってしまうのでしょうか。 とんちんかんなことを言っていますが、教えてくださいー。

    • ベストアンサー
    • HTML

専門家に質問してみよう