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

顯示搜尋框之元件
範例

可指定屬性

• lang (String)
  可使用lang指定顯示語言。
  範例

• ajax-url (String) [required]
  ajax搜尋用URL

• serp-url (String)
  遷移目的地搜尋結果頁面URL

• iframe (String)
  CSS選擇器可指定遷移目的地搜尋結果頁面的顯示目的地iframe

• 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”)

• force-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”)

• force-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
  屬性use-links 欲改變指定屬性中收音機風格的連結文字時，並不使用此屬性，而是以CSS 執行。
  (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
  屬性use-links 欲改變指定屬性中收音機風格的連結文字時，並不使用此屬性，而是以CSS 執行。
  (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中欲使用收音機風格連結而非選擇框時可設定
  範例

  亦可在屬性lang指定收音機風格連結的顯示語言。
  範例

• use-toggle (Boolean)
  在搜尋條件用UI中欲使用選擇框時可設定
  範例

• submit-callback (String)
  submit時的回調函數名稱
  以window["<submit-callback>"]()執行、需預先另賦予定義

• :on-submit-func (Function: window.<函數名稱> 等)
  submit時的回調函數
  預先使用js定義window項目可觸及處之函數
  屬性submit-callback以正確方式設定時則不需使用。

• result-callback (String)
  收取搜尋結果時的回調函數名稱
  以window["<result-callback>"]()執行、需預先另賦予定義

• :on-result-func (Function: window.< 函數名稱> 等)
  收取搜尋結果時的回調函數
  預先使用js定義window項目可觸及處之函數
  屬性result-callback 以正確方式設定時則不需使用。
• ignore-search-result (Boolean)
  收取搜尋結果時不將數據反應至格式中

• placeholder (String)
  設定輸入搜尋字詞的input要素之placeholder屬性值
  範例

• input-title (String)
  設定輸入搜尋字詞的input要素之title屬性值
  範例

範例集

關於客製化設計機能，以下提供幾項範例。

• 範例集

DOM構造與class設定

• div.mf_finder_searchBox
  .mf_finder_searchBox_focusInput 聚焦時設定的類別
  .mf_finder_searchBox_hasQuery 設定於輸入搜尋字詞區域非空白時之類別
  .mf_finder_searchBox_useLinks 屬性use-links被設定時會設定的類別
  .mf_finder_searchBox_useSelects 屬性use-links和屬性use-toggle也未被設定時會設定的類別
  .mf_finder_searchBox_useToggle 屬性use-toggle被設定時會設定的類別
  .mf_finder_searchBox_useToggle_show 為顯示工具列而設定的類別
  • form.mf_finder_searchBox_form
    • 為重設input :頁面號碼用參數page的input hidden
    • 為延續input :Drill down用參數d之值的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_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未被設定時為空白)
        • 為延續input :類別指定用之參數ct的值而使用的input hidden
        • 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
        • 延續input :排序指定用之參數sort的值所使用的input hidden
        • 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
        • 為延續input :頁面各自顯示件數指定用參數pagemax的值所使用之input hidden
        • 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 -為延續 input :頁面大小指定用參數imgsize的值所使用之input hidden
        • 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項的值]