• 締切済み

jQuery-非同期でのテーブルの絞り込みとソート

お忙しいところ失礼します。 只今、DBから取得したテーブルの内容を「チェックボックスとフリーワード検索」（非同期） で絞り込み、その結果もまた非同期でソートしたく試行錯誤をしております。 (1)　http://s-ej.com/sample/ajax/ajax0003/ (2)　http://www.datatables.net/ を組み合わせたようなものをイメージしております。 当方の使用言語はPHPです。 不明瞭な質問で申し訳ありませんが、何卒よろしくお願い申し上げます。

みんなの回答

  • yui-magic
  • ベストアンサー率62% (20/32)
回答No.1

何処でどう躓いているのかを明確にお願いします。 また、質問の主旨とは違いますが、 データの件数がそれほど多くないのであれば、ajaxを使わずに最初からすべて読み込み 表示・非表示を切り替えるだけのほうが楽かもしれません。

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

関連するQ&A

  • Jquery,JSON,Ajax,PHP連携

    プログラミング初心者です。 教えてください。 最近Webのトレンドとして使われている言語で Jquery,JSON,Ajax,PHPなどがありますが、それぞれどの部分の処理をしているものなのか、 また、どのように呼び出して連携させるのか、実際のサンプルなど使った図解でわかりやすいものがあったら教えていただけますでしょうか。 よろしくお願いします。

  • jqueryでtable内容の置き換え

    Jqueryを利用してAJAXでPOSTしてその計算結果をTableに埋め込もうとしています。 tableは複数行あり、入力フォームがあります。 その各行に入力された内容をPOSTしてPHPで計算します。 戻ってきた内容を同一行に埋め込もうとしています。 どのようにすればいいでしょうか？ id="in1"とid="out1"というテキストボックスに入力しout1のテキストボックスからカーソルが外れると AjaxでPOSTします。 その計算結果をid="result1"に表示します。 このような行が50行あります。 50回ajaxの処理を書くのはおかしいかなと思いつつもどのようにしていいのかわかりません。 教えてください。 よろしくお願いいたします

    • ベストアンサー
    • AJAX
  • 検索のソートについて

    以前phpのカテゴリ内で以下のようなＱ＆Ａをみつけましたが、まったく同じ状況で使用する言語がperlの場合どのようにすればいいのでしょうか？どなたか教えて下さい。 "PHP+MySQLを勉強中です。 例えば、商品テーブルに商品ID、商品名、価格、在庫数の4つのフィールドがあって、その表の各名称をクリックするとソート(例：オークションなどで現在価格をクリックするとソートなど[select * from 商品 order by 価格 asc])できるスクリプトをどのように作成すればよいか教えて下さい。" "shohin.phpで商品一覧を表示するとして、フィールド各名称のリンクを <a href="shohin.php?sort=1">商品ID</a><a href="shohin.php?sort=2">商品名</a>・・・ のようにします。" あとはswitch文を使ってget値（sort=の値）別にクエリーを変えるだけです。

    • ベストアンサー
    • Perl
  • TinyTableというスクリプトのソートについて

    テーブルをソートできる下記のソースを使っているのですが、デフォルトで一列目の「ID」を降順でならばせたいのですがどのように設定をすれば良いでしょうか？ 【サンプルデモ】 http://sandbox.scriptiny.com/table-sorter/index. … 【参考サイト】 http://shanabrian.com/web/library/tiny_table.php 参考サイト内に、 1<script type="text/javascript"> 2 var sorter = new TINY.table.sorter("sorter"); 3 // sorter.init(テーブルのID名, 初期ソート開始番号); 4 // （左セル 0番からが開始番号となります。） 5 // なお、初期ソートが不要であれば、,（カンマ）を含めて削除してください。 6 // 例：sorter.init("sample"); 7 sorter.init("sample", 1); とあったため、「sorter.init("sample", 0);」と変更したのですがどうしても「昇順」となってしまいます。 これをIDの数字が大きい順（降順）にデフォルトで並び替えるにはどのようにすれば良いでしょうか？ よろしくお願いいたします。

  • TinyTableというスクリプトのソートについて

    テーブルをソートできる下記のソースを使っているのですが、デフォルトで一列目の「ID」を降順でならばせたいのですがどのように設定をすれば良いでしょうか？ 【サンプルデモ】 http://sandbox.scriptiny.com/table-sorter/index.html 【参考サイト】 http://shanabrian.com/web/library/tiny_table.php 参考サイト内に、 1 <script type="text/javascript"> 2 var sorter = new TINY.table.sorter("sorter"); 3 // sorter.init(テーブルのID名, 初期ソート開始番号); 4 // （左セル 0番からが開始番号となります。） 5 // なお、初期ソートが不要であれば、,（カンマ）を含めて削除してください。 6 // 例：sorter.init("sample"); 7 sorter.init("sample", 1); とあったため、「sorter.init("sample", 0);」と変更したのですがどうしても「昇順」となってしまいます。 これをIDの数字が大きい順（降順）にデフォルトで並び替えるにはどのようにすれば良いでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • Java
  • 一つのテーブル内の情報を、iframeではなく、非同期通信で行うには？

    一つのテーブル内の情報を、iframeではなく、非同期通信で行うには？ 現在、トップページ内の一つのコンテンツを、 iframeで一定時間毎に自動リロードさせる形で演出しているのですが、 SEO的に良くないと聞き、それと同時に解決策として 「非同期通信」の存在を知りました。Ajaxを利用すれば、iframeを使わずに 今のような演出が可能らしいのですが、どのような形で記述すれば宜しいでしょうか？ 例を書きます。 トップページ　…　index.php コンテンツの入ったページ　…　contents.php（テーブルレイアウトで作成） 現状は、index.phpに置かれたiframeの場所に、contents.phpを読み込んでいます。 iframeは5分毎に自動更新させていますが、これを非同期通信で5分毎に呼び出したいです。 付け焼刃の知識でイメージしている仕組みは、 まず、prototype.jsなどのライブラリをindex.php内で読み込ませ、 指定したtableやdivにcontents.phpを呼び出す仕組みなのかなと勝手に想像しています。 参考になる記述方法をどなたかご教授頂けませんでしょうか… 現状はこのような記述方法で対応しています。 index.php内 －－－－－－－－－－－－－－－－－－－－－－－ <body> <table width="300" height="300"> <tr> <td width="300" height="300"> <iframe src="contents.php" width="300" height="300"></iframe> </td> </tr> </table> </body> －－－－－－－－－－－－－－－－－－－－－－－ contents.php －－－－－－－－－－－－－－－－－－－－－－－ <body> <table width="300" height="300"> <tr> <td width="300" height="300"> ここはコンテンツページです </td> </tr> </table> </body> －－－－－－－－－－－－－－－－－－－－－－－

  • jquery serializable値取得

    jQuery UIのsortableを利用し、HTMLで作成したテーブルをtr単位で ソートできるプログラムを作成しました。 ソート後の並びをDBに保存する為に、各TRにdata-idの属性を設定の上、 sortableのイベントメソッドから、データをサーバへ送るプログラムを書きましたがうまく動きません。 というより、、、サーバサイド側は、PHPでデータを取得しているのですが、 うまく処理する方法がわかりません。。。どうやったら、値を取得できるでしょうか。 下記にサンプルコードとサーバサイド側での取得データを記載しています。 取得したいデータは、サンプルデータ内の１、３、２です。 ユーザインタフェース側 ----------------------------------------------------- $('#src').sortable({ items: 'tr', axis: 'y', opacity: 0.2, handle: '.drag', placeholder: 'ui-state-highlight', update: function() { $.post('serverside.php', { file: $(this).sortable('serialize'), }); } }); ----------------------------------------------------- serverside.php ----------------------------------------------------- $res = $_POST['file']; ----------------------------------------------------- $resの中身を見たら、 file[]=1&file[]=3&file[]=2 が入ってました。 それぞれの値をどうやって取り出したらよいのでしょうか。。。

    • ベストアンサー
    • AJAX
  • jQuery,Ajaxでcgiに接続する方法がわからなくて困っています

    jQuery,Ajaxでcgiに接続する方法がわからなくて困っています。 あるデータベースのあるテーブル（仮にpersonテーブル）を参照して、html上のformタグに文字を入れるとselectボックス内に表示されるものがマッチしたものが表示されるようなものを作りたいと思っています。 例えば、 personテーブルのperson_nameカラムには（秋本、本田、寺西、寺本、戸田、吉岡）という情報が入っていて、selectボックス内は最初全ての人名が出ているとします。 person.htmlというテンプレートのformのところに【寺】と入力するとselectボックス内は寺西と寺本だけ表示される。 そのようなものを作りたいと思っていますがうまくいきません。何か参考になるＵＲＬだけでもかまいませんのでご教授下さい。 できればサンプルソースがあればうれしです。

    • ベストアンサー
    • AJAX
  • 複数テーブルからの表示データ絞込み

    質問です LINUX,PHP4,MySQL3の環境です。 用意したテーブル 個人情報テーブル →ID →名前 地域情報テーブル →ID →名前 個人+地域情報関連付けテーブル →ID →個人TableID →地域TableID というDBを設計しました 問題は個人情報と地域情報を関連付けるテーブルへとデータを入力するフォームなのですが ブラウザ上で、登録された(別途地域登録フォームなどより)地域を地域情報テーブルより引き出し表示させ その中から選択された地域より今度は個人情報を引き出し表示させ 関連付けされたテーブルへと登録するような流れです この時、フォームのCheckboxで複数の個人情報を選択できる形のフォームを作成しました 選択できるCheckboxはは個人情報テーブルより個人情報をループ処理によって出力しています この時、既に個人+地域情報関連付けテーブルへ登録されている個人情報+地域情報をチェックボックスのループ処理に反映されないようにしたいのですが どのような方法がありますでしょうか？ 色々なSELECT文を試してループ処理をさせていたのですがなかなかうまくいきません。 具体的には、結局全種類もしくは同じ個人情報が複数個ループされたりします・・・ ループ処理はSELECT文から関連付けテーブル>各情報テーブルと3つのテーブルから引用して必要なIDと名前を条件付で選びました 条件はいろいろなものを試したのですがどれもうまくいきません ループ処理でのPHP部分も含めて可能な方法を教えてもらいたいです よろしくおねがいします！

  • PHPでページを切り替えずにDBからの値を取得したい

    タイトル通りですがページを切り替えずにDBからの値を テキストボックスにセットしたいのですがやはりAjaxで 作りこみが必要でしょうか？ また何か良いサンプルなどがございましたら教えてください。 使用DBはOracleになります。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する