<mf-search-results></mf-search-results>

検索結果表示用エレメント

指定可能な属性

ajax-url (String)
ajax検索用URL
lang (String)
展開されるDOMのルートエレメントのlang属性に、ここで指定した値が設定される
:pager-item-count (Number)
ページャーに表示するページ番号リンクの最大合計個数
pager-pagenum-blank (Boolean)
ページャーでページ番号の替わりに を出力する
disable-pagelog (Boolean)
ページログを無効にする
disable-resultframe (Boolean)
リザルトフレームを無効にする
resultframe-match-media (String)
リザルトフレームを表示するか window.matchMedia( "<resultframe-match-media>" )でチェックする
(default: "(min-width:720px)")
result-callback (String)
検索結果受信時のコールバック関数名
window["<result-callback>"]()で実行されるので、別途定義しておくこと

DOM構造とclass設定

div.mf_finder_organic_wrapper
.mf_imgsize_imgsize imgsizeパラメタ(0,1,2,3)に応じたクラスが設定される
- div.mf_finder_organic
  - div.mf_finder_condition_wrapper > div.mf_finder_condition
    - div.mf_finder_condition_category
      - span
        .mf_finder_condition_category_all 現在選択中のカテゴリが無い場合に設定されるクラス
        
        [現在選択中のカテゴリ]
    - div.mf_finder_condition_sort
      - span
        .mf_finder_condition_sort_0 現在の並び順がマッチ順のときに設定されるクラス
        .mf_finder_condition_sort_1 現在の並び順が更新日時順のときに設定されるクラス
    - div.mf_finder_condition_pagemax
      - span
        .mf_finder_condition_pagemax_num 現在のページ毎表時件数に応じて設定されるクラス
        
        [ページ毎表示件数]
  - div.mf_finder_msk_wrapper > div.mf_finder_msk > span.mf_finder_msk_item > a > [類似語]
  - div.mf_finder_organic_header_wrapper > div.mf_finder_organic_header
    - div.mf_finder_organic_nums
      - div.mf_finder_organic_range
        
        span.mf_finder_organic_range_from
        
        [検索にヒットしたドキュメントのうち、何件目から表示しているか]
        
        span.mf_finder_organic_range_to
        
        [検索にヒットしたドキュメントのうち、何件目まで表示しているか]
      - div.mf_finder_organic_total > span > [検索にヒットしたドキュメント数]
    - div.mf_finder_query > span > [検索語]
  - div.mf_finder_organic_docs_wrapper > div.mf_finder_organic_docs
    - section.mf_finder_organic_doc (複数) :ドキュメント情報
      - div.mf_finder_organic_doc_img_wrapper > div.mf_finder_organic_doc_img.mf_gui_img_frame
        
        img :キャプチャ画像
      - div.mf_finder_organic_doc_contents_wrapper > div.mf_finder_organic_doc_contents
        
        div.mf_finder_organic_doc_title_wrapper
        
        img :行頭アイコン
        
        span.mf_finder_organic_doc_title
        
        span (複数)
        .mf_finder_mark 検索語にマッチした断片に設定されるクラス
        
        [タイトルのテキスト断片]
        
        div.mf_finder_organic_doc_body_wrapper
        
        div.mf_finder_organic_doc_body
        
        span (複数)
        .mf_finder_mark :検索語にマッチした断片に設定されるクラス
        
        [スニペットのテキスト断片]
        
        footer.mf_finder_organic_doc_url_wrapper
        
        span.mf_finder_organic_doc_url
        
        span (複数)
        .mf_finder_mark :検索語にマッチした断片に設定されるクラス
        
        [ドキュメントURLのテキスト断片]
  - div.mf_finder_organic_pager_wrapper > div.mf_finder_organic_pager
    - ul.mf_finder_pager_items
      - li.mf_finder_pager_item_first
        :1ページ目に戻るリンク(3ページ目以降のときに表示される)
        
        a > span >  
      - li.mf_finder_pager_item_prev
        :前のページに戻るリンク(2ページ目以降のときに表示される)
        
        a > span >  
      - li.mf_finder_pager_item_before_pages.mf_finder_pager_item_page (複数)
        :現在のページより前のページ番号リンク
        
        a > span > [移動先ページ番号] :属性pager-pagenum-blankが指定された場合は  
      - li.mf_finder_pager_item_current
        
        span > [現在のページ番号] :属性pager-pagenum-blankが指定された場合は  
      - li.mf_finder_pager_item_after_pages.mf_finder_pager_item_page (複数)
        :現在のページより後のページ番号リンク
        
        a > span > [移動先ページ番号] :属性pager-pagenum-blankが指定された場合は  
      - li.mf_finder_pager_item_next
        :次のページに進むリンク(次のページがある場合に表示される)
        
        a > span >