質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

パラメータ

関数やプログラム実行時に与える設定値をパラメータと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

272閲覧

URLの検索パラメータに関しまして

kapibara3

総合スコア4

URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

パラメータ

関数やプログラム実行時に与える設定値をパラメータと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/03/15 07:37

編集2020/03/15 07:40

前提・実現したいこと

画面が左右に分かれているサイトで、検索パラメータをどうするか悩んでいます。
適切なパラメータを知りたいです。宜しくお願い致します。

発生している問題・エラーメッセージ

検索パラメータを以下のように左右のエリアに応じて付けたいのですが、どのような付け方がいいか決められません。

該当のソースコード

左右に以下のコンテンツを表示します。

左:お気に入り、履歴
右(イケアの家具):テーブル、イス、ソファ、ベッド
右(ニトリの家具):テーブル、イス、カーテン

そして左はラジオボタンで右はチェックボックスです。

<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に入れようかとも考えています。
良い案ございましたら宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問