1. 検索窓を設置する Ver.2 ( 必須・最新バージョン)

1. 検索窓を設置する Ver.2 ( 必須・最新バージョン)

ステップ1★検索窓を表示したいhtmlファイルにタグを埋め込む


1)検索窓を表示したいhtmlファイル(例 window.html)の<body>~</body>の中に、以下のタグを埋め込んでください。 

<!-- ↓検索窓用カスタムエレメント -->

<mf-search-box
      results-page-url="https//xxxx.marsflag.com/result.html"
></mf-search-box>

※{サービス識別名}の部分は、お客様自身のサービス識別名の入力をお願いいたします。サービス識別名は、Mars Finderのサービス一覧内の「検索API URL」を押下することでご確認頂けます。

青字の部分はお客様によって異なります。

緑字の部分は検索結果を表示したいhtmlのパス名またはファイル名となります。(フルパスを推奨します。)


3) 検索窓を表示したいhtmlファイル(例 window.html)の</body>の直前に、以下のタグを埋め込んでください。

4) 完成イメージ



参考:
カスタムエレメント リファレンスマニュアル Ver.2