HPで条件に合わせて表示させるには？

質問

タグのような条件を割り当てて、それを抽出して表示できるHPを作りたいです。例えばレストランの紹介HPで、

A店：安い おいしい 明るい
B店：高い 静か カップル向き
C店：おいしい 安い ファミリー向き
D店：高い 品揃え豊富 カップル向き

とそれぞれ特色があるとします。

それをたとえば「おいしいレストラン」というフレーズをクリックすると、
AとCのお店が表示され、「カップル向きのレストラン」をクリックすると、
BとDが表示されるようにしたいと思っています。
こういうのはHTMLだけでも出来るのでしょうか？
またこういうシステムはなんと言うのでしょうか？
フリーCGIとかあれば教えてください。

回答No.2

zxcv0000

難しい事を避けたいのなら、JavaScript埋め込みのHTMLを作成するのが良いでしょう。

このとき、全てのお店情報を初期値で全て表示にして、閲覧者の選択操作をトリガーに不要なお店を非表示にするのをJavaScriptでやるのが簡単でしょう。 (必要と不要は逆でもいいです)

コツは、お店 1件づつひとつのタグ(DIV とか TR とか)内に記述しておくことと、JavaScript変数でお店の特徴を表現しておく事です。

まずは、初期表示で全てのお店情報が表示されるHTMLを作成してみましょう。(その表示が重ければ、JavaScriptだけでやるのは不適切です)

> ブログ形式で一軒ずつ登録していき

これは、CGI も JavaScript も身につけていない方には、雲の上の話かと。

目的通りのフリーCGIとかがあれば良いのですが、私は知りません。 やりたい事はおよそ全てのネットショップで有用そうですが、実現してるネットショップはむしろ少数派ですよね?

価格COM の「スペック検索」(参考URL) なんかは merumeru10 さんの目的の延長上ですよね? これは、サイトの目玉のひとつとして頑張って自作されたんだと想像しています。

参考URL：

http://kakaku.com/specsearch/0020/

回答No.1

zxcv0000

HTML でもできますよ。 ただし、「おいしいレストラン」をクリックした時用の HTML と 「カップル向きのレストラン」をクリックした時用の HTML と...... を全て個別に用意する必要があります。

初期作成の手間を我慢したとしても、登録するお店の追加作業を継続するのは大変な事でしょう。 それを承知で HTML だけで作成するのはひとつの選択肢だと思います。

他の選択肢としては、CGI の他に JavaScript があります。

登録するお店の総件数が数十件とかそれ以下であれば、JavaScriptの方が良いでしょう。 いや、1件 1件のお店情報が画像を持っていれば、適切な総件数は数件かも知れません。

登録するお店の件数が上記以上なら、あなたの作業の簡単さ重視なら CGI でユーザーフレンドリー重視なら JavaScript+AJAX でしょうか。

と言う訳で、登録店舗数や内容、その他の条件等を考慮してどうやるかを決めましょう。

わかんないからとりあえず作ってみたい場合のお勧めは、JavaScript でしょうか。

補足

諸事情ありまして御礼を書き込むのが遅くなりまして申し訳ございませんでした。ご回答ありがとうございます。登録するお店は多くて200件くらいです。出来ればブログ形式で一軒ずつ登録していき、登録する際に「美味しい」「安い」「雰囲気がいい」「カップル向き」などとキーワードタグのようなものを指定したいのです。そしてカップル向きのレストランというカテゴリ検索を可能にしたいと思っております。JavaScriptでこういうものを作るにはどうしたらよいのでしょうか？何かフリースクリプトがあるのでしょうか？またこういうシステムは総称で何と言うのでしょうか？質問ばかりで申し訳ございませんが、お教えいただければ幸いです。