BLOG内検索の強調表示
以前、Nucleusを使用してBLOGを構築していたとき、
BLOG内検索を行うと、検索結果ページで検索語がマーカーされていました。
FC2でもできないものかと探していたら、
FCafeさんで記事(￣ー『＋』)発見!!
検索語強調
さっそくやってみました。
BLOG内検索を行うと、検索結果ページで検索語がマーカーされていました。
FC2でもできないものかと探していたら、
FCafeさんで記事(￣ー『＋』)発見!!
検索語強調
さっそくやってみました。
１．head領域に以下のスクリプトを置く。
２．スタイルシートに以下を追加
３．記事部分の修正
記事タイトルもマーカー対象にしたかったで、記事全体を囲む様にID属性を付加。
スクリプトは記事部分の最後に付加。
HTMLソースの中のコードも引っ掛けて表示されるので、
ページレイアウトが崩れますｗ
検索専用のページレイアウトを作るか（ひょえ）
<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>>
２．スタイルシートに以下を追加
.kw {background:yellow}
３．記事部分の修正
記事タイトルもマーカー対象にしたかったで、記事全体を囲む様にID属性を付加。
スクリプトは記事部分の最後に付加。
<div id="topentry_area">
<!--topentry-->
<div class="box">
<div class="entry" id="e<%topentry_no>">
<h2><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a>
・
・
・
<!--search_area-->
<script type="text/javascript">EMP("e<%topentry_no>","<%sub_title>")</script>
<!--/search_area-->
</div>
</div>
<br />
<!--/topentry-->
</div>
HTMLソースの中のコードも引っ掛けて表示されるので、
ページレイアウトが崩れますｗ
検索専用のページレイアウトを作るか（ひょえ）
02:07
[BLOGいじり]カスタマイズ
(0)
(0)
ゲイ･ヨンジュン(06/23)
みぎｗ(04/03)
亜里沙(03/08)
Tigerうっす(03/01)
Tigerうっす(03/01)
ゲイ･ヨンジュン(02/29)
ゲイ･ヨンジュン(02/26)
ひさちん＠(02/24)
Tigerうっす(02/22)
ひさちん＠(02/21)
ゲイ・ヨンジュン(02/18)
さや(02/10)
ゆきねこ(02/07)
ちよ(02/06)
こま(02/03)
ゆきねこ(01/30)
Tigerうっす(01/28)
ゲイ･ヨンジュン(01/28)
未流(01/27)
こま(01/27)