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

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

指定可能な属性

lang (String) 表示言語を属性 langで指定することが出来る。

使用例
ajax-url (String) ajax 検索用 URL
:pager-item-count (Number) ページャーに表示するページ番号アイテムの最大合計個数

使用例
pager-pagenum-blank (Boolean) ページャーでページ番号の替わりに を出力する

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) サムネイルへのマウスホバーでリザルトフレームを表示するようにする
: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.doctype == '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>

キャプチャ画像

検索結果画面にページキャプチャ画像を表示します。
ページキャプチャ画像は、「画像無し」「96x55」「120x68」「200x112」の4パターンから選択いただけます。

※本機能は常にONの状態です。OFFとすることはできません。
※画像サイズ選択用UIを非表示にすることは可能です。
設定箇所

 Zoho該当ページ

DOM構造とclass設定

div.mffinder_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 > [類似語] :類似語周りの表示言語は属性langで指定することが出来る。
  - mf-search-results-header参照 属性hide-headerが指定された場合は表示されない
  - (スロット「docs」で以下はカスタマイズ可能)
    - div.mf_finder_organic_docs_wrapper > div.mf_finder_organic_docs
      - (複数) (スロット「docs」で以下はカスタマイズ可能)
        
        section.mffinder_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 (複数) .mffinder_frag<n> 断片の種類に応じて設定されるクラス .mffinder_mark 検索語にマッチした断片に設定されるクラス_
        
        [タイトルのテキスト断片]
        
        (スロット「doc_title_post」でコンテンツ挿入可能)
        
        (スロット「doc_body_prev」でコンテンツ挿入可能)
        
        div.mf_finder_organic_doc_body_wrapper
        
        (スロット「doc_body」で以下はカスタマイズ可能)
        
        div.mf_finder_organic_doc_body
        
        span (複数) .mffinder_frag<n> 断片の種類に応じて設定されるクラス .mffinder_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 (複数) .mffinder_frag<n> 断片の種類に応じて設定されるクラス .mffinder_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」