前提・実現したいこと
画面が左右に分かれているサイトで、検索パラメータをどうするか悩んでいます。
適切なパラメータを知りたいです。宜しくお願い致します。
発生している問題・エラーメッセージ
検索パラメータを以下のように左右のエリアに応じて付けたいのですが、どのような付け方がいいか決められません。
該当のソースコード
左右に以下のコンテンツを表示します。
左:お気に入り、履歴
右(イケアの家具):テーブル、イス、ソファ、ベッド
右(ニトリの家具):テーブル、イス、カーテン
そして左はラジオボタンで右はチェックボックスです。
<div class="flex"> <div class="left"> <nav> <ul> <li><input type="radio" checked>お気に入り</li> <li><input type="radio">履歴</li> </ul> </nav> <input type="text" placeholder="お気に入りを検索"> </div> <div class="right"> <nav> <p>イケア</p> <ul class="ikea"> <li><input type="checkbox" checked>テーブル</li> <li><input type="checkbox">イス</li> <li><input type="checkbox" checked>ソファ</li> <li><input type="checkbox">ベッド</li> </ul> <p>ニトリ</p> <ul class="nitori"> <li><input type="checkbox">テーブル</li> <li><input type="checkbox" checked>イス</li> <li><input type="checkbox">カーテン</li> </ul> </nav> <input type="text" placeholder="チェック中のアイテムを検索"> </div> </div>
試したこと
まず基本的には次のように左右のパラメータを&で繋げることになるかと思います。
http://example.com ?左エリアの検索パラメータ &右エリアの検索パラメータ
いま考えているのは次のようなものです。
l
で左のチェック項目を、lq
で左の検索ワードを表す。
r
で右のチェック項目を、rq
で右の検索ワードを表す。
http://example.com ?l=favorites&lq=ワード1|ワード2 &r=ikea-table|sofa,nitori-chair&rq=ワード3
それぞれ,
や-
や|
を使って次の意味を表しているつもりなのですが、少しわかりにくく感じています。
http://example.com ?お気に入りをチェック中&ワード1とワード2を検索する &r=イケアのテーブルとソファ、そしてニトリのイスをチェック中&rq=ワード3を検索する
わかりやすいパラメータについてアドバイス頂けましたらと思いこちらにたどり着きました。
もうパラメータをなくして、Cookieに入れようかとも考えています。
良い案ございましたら宜しくお願い致します。
あなたの回答
tips
プレビュー