FCafe  検索語強調

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  何だか数日前に「機能してない」と書いた <%comment_mail+name> が正常化した模様です。
更に加えて、ブログ内検索時に <%sub_title> が「検索語」を出力してくれるようになりました!
  ( FC2,頑張ってますね )
今回は早速これを利用して 検索結果頁内の KeyWord を( googleのキャッシュのように )強調表示させる方法を考えてみました。

.

【 設置方法 】 head領域に以下のソースを書きます。 <script type="text/javascript">
function EMP(id,KW) {
KW = KW.substr(1);
var RE = new RegExp( KW, "gi" );
var C = document.getElementById(id);
C.innerHTML=C.innerHTML.replace(RE,'<span class="kw">'+KW+'</span>');
}
</script>

  CSSに 「 Keyword 強調用クラス」 を追加します (例) .kw {background:yellow}
  記事(エントリ)本文部分を以下の様にします (例) <div class="△" id="e<%topentry_no>"><%topentry_body></div>
<!--search_area-->
<script type="text/javascript">EMP("e<%topentry_no>","<%sub_title>")</script>
<!--/search_area-->
文章部分にIDを付加し その後(topentryブロック内)にスクリプト関数を書きます

【 解 説 】 IDで指定された領域内の検索語がクラス kw で修飾されます。
記事全体にIDを付加すればタイトル等に含まれるKWも強調されますが、タグオプション中の合致する文字列も変換されてしまいます。 ( モードブロックを用いsearch専用頁を用意するのが良いと思われます )    SAMPLE


Comment


.  
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/180-56382799

Shown after Admisson
.

≫ Odin で絵文字 Project.R ≪

2005 / 07 / 15  Fri
Entry   
Comment 0 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。