人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptのみで、300?500件程度の服の検索を行えるようにしたいと考えています。

着丈/身幅/袖丈などのサイズ、半袖/長袖、色などの情報をJSONで静的に保存しておき、
それぞれのサイズの範囲を入力すると、画面遷移せず即座にジャストサイズの服の検索結果が表示されるという仕組みです。

例えば、「着丈50-55、身幅46-47、袖丈入力なし、半袖、赤」などが検索条件です。

さて、ここで質問です。

(1) 実現可能でしょうか?
(2) 上記要件に近い内容のサンプルを、書籍でもネットでも構いませんので、出来る限り多く挙げて下さい。
Prototype.js、JQueryなどを利用していても構いません。

とにかくJSONを用いたデータベースのサンプルを多く求めています。
ただし、内部で使われているプログラムのソースコードが確認できないものはやめて下さい。

内部が解説しているものであれば、Perl、PHP、MySQLを使ったサンプルでしたら構いませんが、
前提条件として「できればJavaScriptだけで完結させたい」という点はご理解下されば幸いです。

●質問者: atemiya
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:JavaScript jQuery JSON MySQL Perl
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● b-wind
●28ポイント

そのぐらいの件数であれば、さして大きな問題は無いと思う。

多少ブラウザによって実行速度の差はあるかもしれないが。

WEST MiRa JavaScript:サンプル集(257種類) - フォーム - データベースVer6 (検索機能付きVer1)

WEST MiRa JavaScript:サンプル集(257種類) - フォーム - データベースVer7 (検索機能付きVer2)

サンプルは JSON ではないけれど、JSON は単なるデータの記述方式だから大して変わるところはないな。

◎質問者からの返答

ありがとうございます。

できればもう少し複雑なケースのデータベース構築例が見たいです。


2 ● aside
●42ポイント ベストアンサー

(1)クライアントのみで解決するためには自前で作らないと難しそうです

(2)

http://www.flexigrid.info/

flexigridのExample3で左下の虫眼鏡クリックで検索ができますが、phpに

リクエストを飛ばした結果をJSONで受け取って表示しています

Show sample codeでソース確認可能です

http://developer.yahoo.com/yui/examples/datatable/dt_autocomplet...

yahooUIを用いたオートコンプリート形式の検索

http://www.sigmawidgets.com/products/sigma_grid2/demos/example_f...

sigma_grid

◎質問者からの返答

Sigma Grid 凄いですね。

正直、これ使えばいいんじゃないかって気になってます。

まだまだサンプル募集中です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ