• 締切済み

１つのテーブル内に複数のScriptを

インラインフレームの中にテーブルがあり、 そのテーブルはクリックした行の色を変化させ、 違う行をクリックしたらその行の色は変わり元の行は色を戻します。 さらに、インラインフレームの外にあるボタンで クリックされて色が変わっている行を追加できるようにして、 なおかつ、追加された行にも同じようにクリックで色が変えられるようにし、 その色がついている行を削除できるようにしたい。 という動きをJavaScriptでさせたいのです。 どなたかご教授お願いいたします。

みんなの回答

  • Bonjin
  • ベストアンサー率43% (418/971)
回答No.1

とりあえず、 ・テーブルに行を挿入する ・テーブルから行を削除する ・クリックした行の色を変更する のそれぞれを単独で出来るようになってください。 これらが出来れば後は組み合わせるだけです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptでtableの該当行を削除ボタン

    javascriptで、テーブルの行を削除したいと思ってます。 行の最後のセルに削除ボタンを設け、該当行を消したいのですが、どなたかご教授お願いします。

  • DreamWeaver MXでテーブルの行挿入・削除の方法

    DreamWeaver MX（Win版)お試し版を使用していますが、テーブルの操作でつまづいています。 既存のテーブルに行挿入や削除をするとき、「ヘルプ」を参照し、同じようにやっているつもりなのですがうまくいきません。 例えば行を追加したい時 セル内をクリックして、修正→テーブル内の「行の挿入」を選べばそのセルの飢えに一行追加される という風にヘルプには記載されています。 しかし実際は、セル内をクリックしても「行の挿入」は灰色になって選べず、「テーブル選択」しか選べません。 一応それを選んでは見るのですが、そうしても、いっこうに「行の挿入」は選べません。 他、行または列の挿入や列の挿入、行・列の削除等に同様に選べません。 何か自分のやり方がまずいのでしょうか？方法があったら教えてください。お願いします。

    • ベストアンサー
    • CSS
  • ACCESS97のテーブル特性(？）について

    ACCESS97を使用しています。 あいまいな質問になるのですが、 フォームの中でテーブルを使用しています。 (使用というのは、データを追加、削除、更新(変更）　等です。） そのテーブルに項目を追加した時、 フォームでの実行ができなくなりました。 追加した項目を削除しても、その実行はできないままです。 今回の質問は、 Q1　あるテーブルに項目を追加した後で削除した場合 　　（一旦変更して元に戻した場合） 　　テーブルの特性(?）等は　変化してしまうのでしょうか？ 更新日時は変化します。変更前にコピーを取っておいて 変更後に上書きすれば上手くいきます。　(最初から全く改造しなければOK） Q2　フォーム(ロジック）の中で あるテーブルでしか実行できない　ようになっているのでしょうか？ そういった事は　可能でしょうか？ 　(ロジックを見たのですがわかりませんでした。 　　項目が追加した状態で実行できない点より 　　元に戻した(追加→削除）のに実行できない　という点が　わかりません。） 宜しくお願い致します。

  • ASP.NET 動的に行を増やすTable

    ASP.NET（VB）アプリケーションでボタンが押される度に、 行を追加するTableを作りたいです。 初期表示時にPage_Initで5行のtableを作成するようにしています。 ボタンクリックイベントで行数を増やしていくのですが、 他のコントロール(asp.textbox)のテキストチェンジイベントでPostBackが発生すると、 元の5行に戻ってしまいます。 Page_Initで5行と指定しているためなので、 ここの指定数をPostBack前に保持した行数にすれば良いと思ったのですが、 もっと他にスマートな方法はありませんでしょうか？ もし、保持する方法をとる場合は、セッションなどで保持するべきでしょうか？

  • Excel テーブル内の空白行の削除について

    テーブルの任意の行のデータを削除し、空白削除ボタン（cmd_Blank）をクリックすると削除したデータ行（空白行）を削除するVBAを作ったのですが空白行が１つの場合は問題なく動作するのですが（添付左）、 ・空白セルがあるとその行がすべて削除されてしまう（添付中央）。 ・空白行が２つ以上あるとエラーになってしまう（添付右） という問題に悩んでいます。 空白削除ボタンクリック時のコードは Private Sub cmdBlank_Click() ActiveSheet.ListObjects("T住所").DataBodyRange.SpecialCells(xlCellTypeBlanks).EntireRow.Delete End Sub になります。 添付の図がわかりにくいかと思いますが、ボタンクリックすると テーブル内の空白行があったら、その行のみ削除され、上詰めに したいということです。 どなたか教えていただきたいです。

  • JSで、テーブルのある行のみ、非表示/表示を切り替えたい

    こんにちは。 テーブル<Table>内に複数の行があります。 そのうちある行のみを、ボタンクリックにより表示/非表示を切り替えたいのです。 非表示といっても文字を消すのではなく、行そのものを隠したいのです。 用途としては、カテゴリ名「飲み物」をクリックすると、属している項目「ジュース」「お茶」などの行が見えるようにしたいのです。 JavaScriptで以上のようなことを実装できないか模索しております。 ヒントでも結構ですので、お教えいただけると助かります。 よろしくお願いします。

  • FC2　テーブル

    この画像のようにテーブルを記事内に作りたいのですがよくわかりません。 どうすればこのようなテーブルになりますか？ また一話や二話などにカーソルを持っていくと色が変わりクリックできるようになっています。

  • 複数のテキストボックスに対する入力チェック

    こんにちは。PHPでDBのテーブル内容変更画面を作成しています。PHPでDB内のデータを取得し、それをwhileで列数分回してテキストボックスの中に表示させ、その中身を変えて変更ボタンを押せば変更、削除ボタンを押せば削除したりできるような画面です。 変更(UPDATE)にあたってJavaScriptで入力チェック（空欄チェックとバイト数チェック）をかけたいのですが、1行だけしか出力されない（＝DBテーブル内にデータが1行分しかない）場合にはチェックが有効なのですが、複数行になるとチェックしてくれません。 JavaScriptでは複数行のチェック（？）には配列を使わなければならないと知りましたが、PHPのfetch関数を使って回して表示しているため、行数がいくつになるかはわかりません。行数をどうやって取得すればいいのか、ご存知の方がいらっしゃいましたらぜひご教授ください。よろしくお願いいたします。

  • テーブルに行を追加

    「追加」を押すとテーブルに行が追加され、 「削除」を押すと行が消える様なことは可能でしょうか？ 　言語はPHPを使用ていおります。 　よろしくお願いします。

    • 締切済み
    • PHP
  • ラジオボタンとセルの連動

    テーブルの1番左にラジオボタンを置き、 それがクリックされたらその行のセル全部色を変え、 別のラジオボタンが押されたら元のセルの色は戻してその行は色が変わる。 こういったものは実現可能なのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する