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

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

指定可能な属性

lang (String)
表示言語を属性langで指定することが出来る。
使用例
ajax-url (String)
ajax検索用URL
:pager-item-count (Number)
ページャーに表示するページ番号アイテムの最大合計個数
使用例
disable-pagelog (Boolean)
ページログを無効にする
pager-pagenum-blank (Boolean)
ページャーでページ番号の替わりに を出力する
disable-resultframe (Boolean)
リザルトフレームを無効にする
disable-multi-viewer (Boolean)
PDFビューア(doc,xls,pptを含む)を無効にする
result-callback (String)
検索結果受信時のコールバック関数名
window["<result-callback>"]()で実行されるので、別途定義しておくこと
:on-result-func (Function: window.<関数名> など)
検索結果受信時のコールバック関数
あらかじめjsでwindowオブジェクトから辿り着ける場所に関数定義しておくこと
属性result-callbackが正しく設定されている場合は使用されない。
hide-header (Boolean)
検索結果のヘッダ部分を表示しない
使用例
hide-pager (Boolean)
検索結果の下のページャーを表示しない
使用例
use-related-keywords (Boolean)
検索結果の下に関連検索語を表示する
使用例
target-self (Boolean)
検索結果をクリックすると同一ウィンドウ内で画面遷移する
使用例
target-auto (Boolean)
検索結果ページと同一ドメインの場合は、検索結果をクリックすると同一ウィンドウ内で画面遷移する
outbound-doc-class (String)
検索結果が別ドメインの場合に .mf_finder_organic_doc に設定されるクラスを変更する
(default: “mf_finder_doc_outbound”)
show-resultframe-on-hover (Boolean)
サムネイルへのマウスホバーでリザルトフレームを表示するようにする
disable-click-handler (Boolean)
検索結果クリック時にJavsScriptでページ遷移処理を行わず、リンクのhrefをログ記録用URLに書き換えるだけとし、ページアクセスは通常のリンクと同様にする
:pcs-urls (Array)
キャプチャ画像が無い場合に表示する画像を小/中/大それぞれ指定する
相対URLの場合は ajax-urlを基準として解釈される
(default: [‘/mf2file/site/img/pcs96.gif’, ‘/mf2file/site/img/pcs120.gif’, ‘/mf2file/site/img/pcs200.gif’])
:title-frags-func (Function: window.<関数名> など)
タイトル文字列をカスタマイズするための、文字列フラグメントを返す関数
あらかじめjsでwindowオブジェクトから辿り着ける場所に関数定義しておくこと
設定すべき関数の仕様: function(OrganicDoc) => Array of HighlightInfo
設定例→pdfのタイトルをファイル名にしたい場合
:snippet-frags-func (Function: window.<関数名> など)
スニペット文字列をカスタマイズするための、文字列フラグメントを返す関数
あらかじめjsでwindowオブジェクトから辿り着ける場所に関数定義しておくこと
設定すべき関数の仕様: function(OrganicDoc) => Array of HighlightInfo
:uri-frags-func (Function: window.<関数名> など)
uri文字列をカスタマイズするための、文字列フラグメントを返す関数
あらかじめjsでwindowオブジェクトから辿り着ける場所に関数定義しておくこと
設定すべき関数の仕様: function(OrganicDoc) => Array of HighlightInfo

設定例

pdfのタイトルをファイル名にしたい場合

検索結果ページでjs関数を定義する。

  <script>
  window.my_title = function(doc,i){
    if (doc.attrs.type == 'application/pdf' || doc.attrs.type == 'pdf') {
      var m = doc.uri.match(/([^#]*)(#.*)?/);
      var t = m[1].replace(/.*\/([^/]+\/?)/, '$1') + (m[2]||'');
      return [{id:0, text:t, type:'custom'}];
    }
  }
  </script>

カスタムエレメントの「:title-frags-func」属性で上記関数を指定する

  <mf-search-results
    :title-frags-func="window.my_title"
    ></mf-search-results>

DOM構造とclass設定

div.mf_finder_organic_wrapper
.mf_available_resultframe リザルトフレームが利用可能な場合に設定されるクラス
.mf_finder_organic_zerohit 検索結果が0件の場合に設定されるクラス
.mf_imgsize_<imgsize> 検索リクエストのimgsizeパラメタ(0,1,2,3)に応じたクラスが設定される
- div.mf_finder_organic
  - div.mf_finder_msk_wrapper > div.mf_finder_msk > span.mf_finder_msk_item > a > [類似語]
    :類似語周りの表示言語は使用例
  - mf-search-results-header参照 属性hide-headerが指定された場合は表示されない
  - (スロット「docs」で以下はカスタマイズ可能)
    - div.mf_finder_organic_docs_wrapper > div.mf_finder_organic_docs
      - (複数) (スロット「doc」で以下はカスタマイズ可能)
        
        section.mf_finder_organic_doc :ドキュメント情報
        
        div.mf_finder_organic_doc_img_wrapper.mf_gui_img_frame
        
        a.mf_finder_organic_doc_img.mf_finder_link
        
        (スロット「doc_image」で以下はカスタマイズ可能)
        
        img :キャプチャ画像
        
        a.mf_finder_organic_doc_zoom > テキスト「Zoom」
        
        div.mf_finder_organic_doc_contents_wrapper > div.mf_finder_organic_doc_contents
        
        (スロット「doc_head」で以下はカスタマイズ可能)
        
        a.mf_finder_organic_doc_title_wrapper.mf_finder_link
        
        (スロット「doc_title_prev」でコンテンツ挿入可能)
        
        (スロット「doc_title」で以下はカスタマイズ可能)
        
        img :行頭アイコン(無い場合は空)
        
        span.mf_finder_organic_doc_title
        
        span (複数)
        .mf_finder_frag_<n> 断片の種類に応じて設定されるクラス
        .mf_finder_mark 検索語にマッチした断片に設定されるクラス
        
        [タイトルのテキスト断片]
        
        (スロット「doc_title_post」でコンテンツ挿入可能)
        
        (スロット「doc_body_prev」でコンテンツ挿入可能)
        
        div.mf_finder_organic_doc_body_wrapper
        
        (スロット「doc_body」で以下はカスタマイズ可能)
        
        div.mf_finder_organic_doc_body
        
        span (複数)
        .mf_finder_frag_<n> 断片の種類に応じて設定されるクラス
        .mf_finder_mark 検索語にマッチした断片に設定されるクラス
        
        [スニペットのテキスト断片]
        
        (スロット「doc_body_post」でコンテンツ挿入可能)
        
        a.mf_finder_organic_doc_url_wrapper.mf_finder_link
        
        (スロット「doc_url_prev」でコンテンツ挿入可能)
        
        (スロット「doc_url」で以下はカスタマイズ可能)
        
        span.mf_finder_organic_doc_url
        
        span (複数)
        .mf_finder_frag_<n> 断片の種類に応じて設定されるクラス
        .mf_finder_mark 検索語にマッチした断片に設定されるクラス
        
        [ドキュメントURLのテキスト断片]
        
        (スロット「doc_url_post」でコンテンツ挿入可能)
        
        (スロット「doc_foot」でコンテンツ挿入可能)
  - mf-related-keywords参照 属性use-related-keywordsが指定された場合のみ表示される
  - mf-search-results-pager参照 属性hide-pagerが指定された場合は表示されない
  - div.mf_finder_logo
    - a > テキスト「marsflag」