<mf-search-box></mf-search-box>

検索窓表示用エレメント

指定可能な属性

• ajax-url (String) [required]
  ajax検索用URL

• lang (String)
  展開されるDOMのルートエレメントのlang属性に、ここで指定した値が設定される

• serp-url (String)
  遷移先検索結果ページURL

• iframe (String)
  遷移先検索結果ページの表示先iframeを指定するCSSセレクタ

• use-std-serp (Boolean)
  ajax_urlに対応する従来の検索結果画面に遷移する

• submit-text (String)
  submitボタン用テキスト
  (default: "search")

• doctype-all-text (String)
  文書種別(All)の選択肢表示に使うテキスト
  (default: "All")

• doctype-csv (String: "<String>,<String>,...")
  文書種別の選択肢リスト
  html,pdf,doc,xls,pptの組み合わせ
  (default: "html,pdf,doc,xls,ppt")

• doctype-default (String)
  文書種別のデフォルト値
  (example: "pdf")

• doctype-hidden (Boolean)
  文書種別選択用UIを非表示にする

• category-csv (String: "<String>,<String>,...")
  カテゴリのリスト
  (example: "MARS FINDER, MARS QUALITY")

• category-default (String)
  カテゴリのデフォルト値
  (default: "")

• category-all-text (String)
  カテゴリ選択用セレクトボックスの「カテゴリ絞り込み無し」に表示する文字列
  (default: "ALL Category")

• category-hidden (Boolean)
  カテゴリ選択用UIを非表示にする

• sort-default (String: 0:マッチ順 1:更新日時順)
  検索結果の並び順
  (default: "0")

• sort-text-csv (String: "<String>,<String>")
  並び順選択用セレクトボックスに表示する文字列のCSV
  (default: "match,recent")

• sort-hidden (Boolean)
  並び順選択用UIを非表示にする

• pagemax-csv (String: "<Number>,<Number>,...")
  ページ毎の表示件数の選択肢リスト
  (default: "10,20,30")

• pagemax-default (String: "<Number>")
  ページ毎の表示件数のデフォルト値
  (default: "10")

• pagemax-hidden (Boolean)
  表示件数選択用UIを非表示にする

• imgsize-default (String: 0:画像無し, 1:96x72, 2:120x90, 3:200x150)
  画像サイズのデフォルト値
  (default: "1")

• imgsize-text-csv (String: "<String>,<String>,<String>,<String>")
  画像サイズ選択用セレクトボックスに表示する文字列のCSV
  (default: "none,small,medium,large")

• imgsize-hidden (Boolean)
  画像サイズ選択用UIを非表示にする

• options-hidden (Boolean)
  カテゴリ、検索結果の並び順、ページ毎の表時件数、画像サイズの選択用UIを親エレメントも含めて非表示にする

• :suggest-max (Number >=0)
  インテリアドバイザの表示件数
  (default: 10)

• disable-pagelog (Boolean)
  ページログを無効にする

• use-links (Boolean)
  検索条件選択用UIにセレクトボックスでなくリンクを使う場合に設定する

• use-toggle (Boolean)
  検索条件選択用UIにセレクトボックスのトグル表示を使う場合に設定する

• submit-callback (String)
  submit時のコールバック関数名
  window["<submit-callback>"]()で実行されるので、別途定義しておくこと

• result-callback (String)
  検索結果受信時のコールバック関数名
  window["<result-callback>"]()で実行されるので、別途定義しておくこと

• ignore-search-result (Boolean)
  検索結果受信時にデータをフォームへ反映させず無視する

DOM構造とclass設定

• div.mf_finder_searchBox
  .mf_finder_searchBox_focusInput フォーカス時に設定されるクラス
  .mf_finder_searchBox_hasQuery 検索語入力フィールドが空でないときに設定されるクラス
  .mf_finder_searchBox_useLinks [属性use-links]が設定されているときに設定されるクラス
  .mf_finder_searchBox_useToggle [属性use-toggle]が設定されているときに設定されるクラス
  .mf_finder_searchBox_show_toolbar ツールバー表示のために設定されるクラス
  • form.mf_finder_searchBox_form
    • input :ページ番号リセット用のinput hidden
    • div.mf_finder_searchBox_items_wrapper > div.mf_finder_searchBox_items
      • label.mf_finder_searchBox_doctype :文書種別選択用UI [属性use-toggle]が設定されている場合は空
        .mf_finder_searchBox_select_label_mod 文書種別変更後にまだ再検索していない場合に設定されるクラス
        • select.mf_finder_searchBox_doctype_select
          • option :文書種別絞り込み無し用
            • [属性doctype-all-textの値]
          • option (複数)
            • [文書種別]
      • div.mf_finder_searchBox_query_wrap
        • input.mf_finder_searchBox_query_input :検索語入力フィールド
        • ul.mf_finder_searchBox_suggest_items :検索語入力中に表示されるサジェストリスト
          • li.mf_finder_searchBox_suggest_item
            .mf_finder_searchBox_suggest_item_cur 選択状態のエントリに設定されるクラス。カーソル上下移動かマウスオーバーでエントリが選択される。
            • a.mf_finder_searchBox_suggest_link > [キーワード候補]
      • button.mf_finder_searchBox_submit
        • span > [属性submit-textの値]
    • div.mf_finder_searchBox_selects :[属性use-linksが設定されている場合は空]
      • label.mf_finder_searchBox_category :[属性category-csv]が設定されていない場合は空
        .mf_finder_searchBox_select_label_mod カテゴリ変更後にまだ再検索していない場合に設定されるクラス
        • select.mf_finder_searchBox_category_select :カテゴリ絞り込み用セレクトボックス
          • option.mf_finder_searchBox_category_opt_0 :カテゴリ絞り込み無し用
            • [属性category-all-textの値]
          • option.mf_finder_searchBox_category_opt_N (複数) :カテゴリ選択用
            • [属性category-csvのN番目の値]
      • div.mf_finder_searchBox_toggle [属性use-toggle]が設定されていない場合は空
        • a div.mf_finder_searchBox の .mf_finder_searchBox_show_toolbar をトグルするリンク
      • div.mf_finder_searchBox_misc
        • label.mf_finder_searchBox_doctype :文書種別選択用UI [属性use-toggle]が設定されていない場合は空
          .mf_finder_searchBox_select_label_mod 文書種別変更後にまだ再検索していない場合に設定されるクラス
          • select.mf_finder_searchBox_doctype_select
            • option :文書種別絞り込み無し用
              • [属性doctype-all-textの値]
            • option (複数)
              • [文書種別]
        • label.mf_finder_searchBox_sort
          .mf_finder_searchBox_select_label_mod 並び順変更後にまだ再検索していない場合に設定されるクラス
          • select.mf_finder_searchBox_sort_select :並び順変更用セレクトボックス
            • option.mf_finder_searchBox_sort_opt_0 :マッチ順選択用
              • [属性sort-text-csvの1番目の値]
            • option.mf_finder_searchBox_sort_opt_1 :新着順選択用
              • [属性sort-text-csvの2番目の値]
        • label.mf_finder_searchBox_sort
          .mf_finder_searchBox_select_label_mod 並び順変更後にまだ再検索していない場合に設定されるクラス
          • select.mf_finder_searchBox_sort_select :並び順変更用セレクトボックス
            • option.mf_finder_searchBox_sort_opt_0 :マッチ順選択用
              • [属性sort-text-csvの1番目の値]
            • option.mf_finder_searchBox_sort_opt_1 :新着順選択用
              • [属性sort-text-csvの2番目の値]
        • label.mf_finder_searchBox_pagemax
          .mf_finder_searchBox_select_label_mod ページ毎表示件数の変更後にまだ再検索していない場合に設定されるクラス
          • select.mf_finder_searchBox_pagemax_select :ページ毎表時件数変更用セレクトボックス
            • option.mf_finder_searchBox_pagemax_opt_N (複数) :ページ毎表時件数選択用
              • [属性pagemax-csvのN番目の値]
        • label.mf_finder_searchBox_imgsize
          .mf_finder_searchBox_select_label_mod 画像サイズ変更後にまだ再検索していない場合に設定されるクラス
          • select.mf_finder_searchBox_imgsize_select :画像サイズ変更用セレクトボックス
            • option.mf_finder_searchBox_imgsize_opt_0 :画像無し選択用
              • [属性imgsize-text-csvの1番目の値]
            • option.mf_finder_searchBox_imgsize_opt_1 :画像サイズ小選択用
              • [属性imgsize-text-csvの2番目の値]
            • option.mf_finder_searchBox_imgsize_opt_2 :画像サイズ中選択用
              • [属性imgsize-text-csvの3番目の値]
            • option.mf_finder_searchBox_imgsize_opt_3 :画像サイズ大選択用
              • [属性imgsize-text-csvの4番目の値]
    • div.mf_finder_searchBox_links :[属性use-linksが設定されていない場合は空]
      • div.mf_finder_searchBox_category :[属性category-csv]が設定されていない場合は空
        • div.mf_finder_searchBox_category_links
          • div.mf_finder_searchBox_category_link_0
            • a :カテゴリ絞り込み無し用リンク
              .mf_finder_searchBox_link_current 現在選択中のカテゴリに設定されるクラス
          • div.mf_finder_searchBox_category_link_N
            • a :N番目のカテゴリ選択用リンク
              .mf_finder_searchBox_link_current 現在選択中のカテゴリに設定されるクラス
              • [属性category-csvのN番目の値]
      • div.mf_finder_searchBox_sort
        • div.mf_finder_searchBox_sort_links :並び順選択用
          • div.mf_finder_searchBox_sort_link_0
            • a :マッチ順選択用リンク
              .mf_finder_searchBox_link_current 現在選択中の並び順に設定されるクラス
              • [属性sort-text-csvの1番目の値]
          • div.mf_finder_searchBox_sort_link_1
            • a :新着順選択用リンク
              .mf_finder_searchBox_link_current 現在選択中の並び順に設定されるクラス
              • [属性sort-text-csvの2番目の値]
      • div.mf_finder_searchBox_pagemax
        • div.mf_finder_searchBox_pagemax_links :ページ毎表示件数選択用
          • div.mf_finder_searchBox_pagemax_link_N (複数)
            • a :N番目のページ毎表示件数選択用リンク
              .mf_finder_searchBox_link_current 現在選択中の並び順に設定されるクラス
              • [属性pagemax-csvのN番目の値]
      • div.mf_finder_searchBox_imgsize
        • div.mf_finder_searchBox_imgsize_links
          • div.mf_finder_searchBox_imgsize_link_0
            • a :画像無し選択用リンク
              .mf_finder_searchBox_link_current 現在選択中のimgsizeに設定されるクラス
              • [属性imgsize-text-csvの1番目の値]
          • div.mf_finder_searchBox_imgsize_link_1
            • a :画像サイズ小選択用リンク
              .mf_finder_searchBox_link_current 現在選択中のimgsizeに設定されるクラス
              • [属性imgsize-text-csvの2番目の値]
          • div.mf_finder_searchBox_imgsize_link_2
            • a :画像サイズ中選択用リンク
              .mf_finder_searchBox_link_current 現在選択中のimgsizeに設定されるクラス
              • [属性imgsize-text-csvの3番目の値]
          • div.mf_finder_searchBox_imgsize_link_3
            • a :画像サイズ大選択用リンク
              .mf_finder_searchBox_link_current 現在選択中のimgsizeに設定されるクラス
              • [属性imgsize-text-csvの4番目の値]