1つのページに検索窓を複数設置したいです

1つのページに検索窓を複数設置したいです

Q. 同じページに検索窓を複数付けることは可能ですか

A. 以下の a), b) の手法で、ページ内に複数の検索窓を動作させることが可能です。
a)　複数の「mf-search-box」エレメントを、「mf_finder_header」または「mf_finder_container」のなかに記述する
b)　a)の拡張として、1つまたは複数の「mf-search-box」エレメントを含む「mf_finder_header」または「mf_finder_container」を複数回記述する

a)の例
<div class="mf_finder_header">
　　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
　　<!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>

b)の例
<div class="mf_finder_header">
　　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_header">
　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>


    • Related Articles

    • 1つのページに検索窓を複数設置したいです

      Q. 同じページに検索窓を複数付けることは可能ですか A. 以下の a), b) の手法で、ページ内に複数の検索窓を動作させることが可能です。 a)　複数の「mf-search-box」エレメントを、「mf_finder_header」または「mf_finder_container」のなかに記述する b)　a)の拡張として、1つまたは複数の「mf-search-box」エレメントを含む「mf_finder_header」または「mf_finder_container」を複数回記述する a)の例 ...

    • ページ内の特定の箇所を検索結果から除外したいです

      Q. ページ内の特定の箇所を検索結果から除外したいです。 A. お客様側での作業となりますが、以下のタグを挿入いただく事で、 タグ内の文字列を検索対象から除外する、という事が可能でございます。 但し、本タグはbodyタグ内でのみ有効です。 ■タグ ＝＝＝＝ 開始 <!-- marsfinderoff: index --> 終了 <!-- marsfinderon: index --> ＝＝＝＝ ■例 ＝＝＝＝ <html> <body> <!-- marsfinderoff: index --> ...