ヘルプ

iタウンページの検索窓を置くには(パソコン向操作説明)

iタウンページの検索窓をホームページ(個人・企業・団体)に設置いただく場合、事前の申請等は不要ですが、設置後に「iタウンページへのリンクのご連絡」よりご一報ください。

※iタウンページの検索ロジックが新しくなりました。
2011.2.6以前にiタウンページの検索窓を設置された方は、お手数ですが下記のソースに書き換えてくださいますようお願いします。

※検索窓設定に際しての注意事項等

  1. 営利目的でのご利用はご遠慮ください。
  2. 免責事項サービスの一時中断・停止について著作権準拠法に同意の上、ご利用ください。
  3. 動作確認環境以外の保証はいたしかねます。
  4. 用意したHTMLソースの無断配布、改変ならびに再配布はご遠慮ください。
  5. 予告なく仕様を変更することがございます。ご了承ください。

設置方法

iタウンページでお店探し
機能:
キーワード検索
使い方:
  • (1)ワードを入力
  • (2)検索実行ボタンを押す
(1)まず<head>〜</head>に、下記のソースを追加してください。

<link rel="stylesheet" type="text/css" media="screen,print" href="https://itp.ne.jp/css2/pc/cms/searchbox_distribution.css" />

(2)次に<body>〜</body>内の、検索窓を挿入したい部分に、下記のソースを追加してください。

<form id="itp-form" action="https://itp.ne.jp/search/" method="get">
<div class="itp-gjt">
<div class="bl">
iタウンページでお店探し
</div>
<div class="yl">
<input type="text" name="kw">
<div class="searchbtn">
<input type="image" src="/img2/pc/cms/guide/btn_search_09.gif" onmouseover="this.src='/img2/pc/cms/guide/btn_search_09_o.gif'" onmouseout="this.src='/img2/pc/cms/guide/btn_search_09.gif'"><onclick="document.forms['itp-form'].submit()"></div>
</div>
</div>
</div>
<input type="hidden" name="ie" value="sjis" />
</form>
<script type="text/javascript">/*<![CDATA[*/(function(d){var h="",g=d.getElementById("itp-searchbox-distribution-text"),j=/^\s*$/,f=d.defaultView,e,i,a;if("placeholder" in g){g.placeholder=h;}else{e=d.createElement("span");e.id="itp-searchbox-distribution-placeholder";i=d.createTextNode(h);e.appendChild(i);g.parentNode.insertBefore(e,g);e.style.left=g.clientLeft+"px";e.style.top=g.clientTop+"px";e.style.fontFamily=f?f.getComputedStyle(g,null).fontFamily:g.currentStyle.fontFamily;a=function(){if(j.test(g.value)){e.className="";}};e.onclick=g.onfocus=function(){e.className="disable";g.focus();};g.onblur=a;a();}})(document);/*]]>*/</script>

※上記コードはエンコードが「Shift-JIS」のページ設置用です。「Shift-JIS」以外のエンコードでは、下記のようにコードを変更願います。
ご利用の際には検索窓を設置するページに使われているエンコードをご確認ください。

(Shift-JIS版)
<input type="hidden" name="ie" value="sjis" />

(EUC版)
<input type="hidden" name="ie" value="euc" />

(UTF-8版)
<input type="hidden" name="ie" value="utf8" />

↑ページトップへ戻る

この項目に関連するヘルプ