テーブルデザインの更新方法

前へ 次へ
このQ&Aのポイント
  • テーブルデザインを更新する方法について教えてください。
  • Javascriptのアコーディオンからテーブルに書き換えたいですが、更新が分かりづらいです。
  • 動的なテーブル書き換えの方法を教えてください。
回答を見る
  • ベストアンサー

更新が簡単にできるテーブルデザイン

更新が簡単にできる、テーブルデザインを教えてください。 http://mixes.aki.gs/ 現在はJavascriptのアコーディオン(2行)を使っているのですが、タグがゴチャゴチャして更新の際にどこを更新すれば良いか分かりづらいので、テーブル(1行)を使った形に書き換えたいと思います。 動的なテーブル書き換え (XML) http://allabout.co.jp/internet/javascript/closeup/CU20051030A/index.htm のように別途作ったリストから表を自動生成できるものなどを探しているのですが、このような手軽に実装できそうな方法がありましたら教えてください。 出力されるタグはCSSでもTableでも構いません。サーバーにはCGI/PHPが設置でき、Javascriptなども使用できます。追加/編集が簡単で比較的情報が見やすいものを希望します。

noname#85028
noname#85028
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

多分、テーブルの形式は決まっているのでしょうから、オリジナルのデータだけ更新して、表示やHTMLは変更しなくてもいいようにしてしまえば？ 例えば「データバインド」（←Win限定） あるいはCSVファイルを更新で、表示はAjaxとか 　http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm （この手のものは、他にもいろいろライブラリ化されているようです） CSVファイルにしておいて、CGIなどでHTML出力する方法でも同様に、CSVだけの更新ですみます。

noname#85028
質問者

お礼

ご回答ありがとうございます。 CSVのサンプルがかなりシンプルに出来そうですね。 ソースを確認しながら実装してみようと思います。

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

関連するQ&A

  • JQuery UIで、表示したタブの中にアコーディオンを追加したい

    こちらのページにあるようなタブをjQueryで作り、 http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm 出来上がったタブの中に、以下のページ http://allabout.co.jp/internet/javascript/closeup/CU20071215A/ にあるようなアコーディオンメニューを表示したいのですが、 タブの表示まではできるのですが、 アコーディオンメニューが追加できません。 実現へのヒント等、教えて頂ければ幸いです。

  • jQuery　タブメニューへのダイレクトリンクの仕方を教えてください。

    jQuery UI タブ http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm を参考にタブメニューを制作しているのですが、 同ページ及び、他ページから各タブメニューへ ダイレクトにリンクすることはできるのでしょうか。 ただ、ここで http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm#tab2-3 とリンク先を指定すると「ソース」というところに ダイレクトにリンクするのですが、 ボタン等で指定するとうまくリンクしません。。。。。 方法があれば教えてください。 よろしくお願いします。

  • テーブルの更新を簡単にできるフリーソフト

    今はterapadというテキストエディタでhtmlを手作業で組んでいます。 そこで、10行3列のテーブルを組んでおり、 新しいデータを追加するときには1行目の1列目にデータを追加していきたいのですが、 そうなると今まで1行目1列に入力されていたデータは1行目2列に動かし、 他のデータも1列ずつずらしたいのですが普通のテキストエディタで更新していると 一々改行タグをそのたびに入力しなおしたりしていかなければならないため結構面倒な作業になります。 そこでたとえばms wordやexcelで表を編集するみたいにマウスなんかでコピー貼り付けのような感じでテーブルの編集ができるhtml作成ソフトはないものでしょうか？ wordやexcelだと余計なタグを書き込んでしまうので余計なタグは書き込まないものがほしいのですが・・・。

    • ベストアンサー
    • HTML
  • ExcelにPostgreSQLのデータを取り込むには

    以下のサイトを参考にして、ODBC接続によるExcelへのPostgreSQLデータ取り込みを試みました。 「PostgreSQL ODBCによるアプリケーション接続」 http://allabout.co.jp/internet/database/closeup/CU20050219A/index.htm 「2. ExcelにPostgreSQLのテーブルのデータを取り込む手順」 http://allabout.co.jp/internet/database/closeup/CU20050219A/index2.htm ODBCの設定自体はたぶんうまくいったと思うのですが、いざExcelからPostgreSQLを取り込もうとすると、「このデータソースには表示できるテーブルがありません」というメッセージが表示されてしまいます。 接続先のDBには、テーブルは存在しています。 試しに、Accessでも以下のサイトの手順で試して見ましたが、「テーブルのリンク」画面に対象となるテーブルが１件も表示されません。 「3. AccessにPostgreSQLのテーブルのデータを取り込む手順」 http://allabout.co.jp/internet/database/closeup/CU20050219A/index3.htm テーブルとのリンクをはるために他にも何か設定は必要でしょうか？ PostgreSQLは8.0.1、Officeは2003を使用しています。 接続は自分のPC内にあるOfficeから同じく自分のPC内にあるPostgreSQLへ接続しに行こうとしています。 よきアドバイスをいただけると助かります。 以上、よろしくお願いいたします。

  • jQueryを使ったCSVテーブル表示

    こんにちは、以下のサイトにある「csv2table-0.02-b-1.zip」を ダウンロードし、サンプルを利用してCSVデータをWEB上に表示する 機能を、自社のHPで利用しております。 http://allabout.co.jp/internet/javascript/closeup/CU20080229A/index... 上記サイトの中に「csv2table デモ v0.02(2008.3.1リリース) 」 の項目があり、以下2点のサンプルがあります。 ・setting.select 列の選択 ・setting.where 行の絞込み 質問ですが、例えば3列目が"田中"の項目(行)だけ抽出し、それプラス 3列目自体を表示させないような処理を作りたいのですが、 どのように設定すれば実現できますでしょうか？ ※以下のように設定すると何も項目が表示されません… 　当たり前ですが、select : [0,1,2,3,4]とすると正しく指定した 　条件で抽出できます。 onclick = "$('#view54').csv2table('./data/Book12-utf8.csv',{ where : [{'名前':'==田中'}] select : [0,1,3,4] });" どなたかご存知の方がいらっしゃいましたら、アドバイス頂けると 幸いです。 よろしくお願いいたします。

  • JavaScriptのポップアップカレンダーについて

    http://allabout.co.jp/internet/javascript/closeup/CU20020529/ 上記サイトにある、JavaScriptを使用したポップアップカレンダを使 っているのですが、ページ内にドロップダウンリストがあるとカレン ダがドロップダウンリストより背面になってしまいます。 （ドロップダウン以外はカレンダが前面に来ます。） カレンダを前面に表示することはできないでしょうか？

  • MTでjQuery、プルダウンメニューを表示させたい。

    超初心者的な質問なのですがアドバイスを頂きたく書き込みさせて頂きます。 MovableTypeにjQueryを設置して プルダウンメニューを表示させようと考えております。 jQueryの設置でつまづいてます。 http://allabout.co.jp/internet/javascript/closeup/CU20071020A/index2.htm ここで言う自分のコードとは何でしょうか？ 検索しましたが解決しませんでした。 よろしくお願いします。

  • プログラムが実行できません。

    http://allabout.co.jp/internet/java/closeup/CU20051204A/index3.htm メールのプログラムのなのですが、コンパイルできでも実行が出来ません。クラスファイルは生成されているのに、実行できないのはなぜでしょうか？ DOSプロンプトでException in thread "main" va.lang.NoClassDefFoundError: が出てきてしまいます。

  • JavaScriptで著作権の年表示

    http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index2.htm このページを参考に著作権の年をJavaScriptで表示させたところ、 FireFoxに限り画面が真っ白になって左上に「2008」とだけ表示されてしまいます。 ブラウザの戻るボタンを押すとちゃんと表示されるのですが、 この現象の原因と修正方法がわかる方教えていただけないでしょうか。 よろしくお願いいたします。

  • GoogleMapをリアルタイムに更新

    データベース(MｙSQL)に更新があった場合、GoogleMap上にリアルタイムにマーカーを表示させたいと考えています。 現在、XMLファイルの読み込みライブラリー downloadxml.js を利用し、PHPのXMLファイルを読み込んで実装しています。 調査していくと、リアルタイムに更新を行うには、ajaxを利用することがわかりました。 そのため 、jQuery のJavaScriptライブラリーを利用してPHPのXMLファイルを読み込む形になるのか、と思っているのですが、データベースに更新があった場合にリアルタイムにGoogleMapを更新させるには、どちらの読み込みで行うとよろしいのでしょうか？ またリアルタイム更新には、cometという技術を使う必要があるということを調査して分かったのですが、具体的なソースコードが出ているページなど詳しい説明が載っているページがあれば、教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • MySQL

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する