ありのごとくあつまりてFC2ブログカスタマイズ，共有テンプレート，素材リンク集，フリーソフトの紹介など。 迷子にならないブログ作りを目指し．．． 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

モード変更

この記事に含まれるタグ （Keyword） :
jQuery  サイト内検索  ブログ内検索  強調表示  javascript  

検索用語のハイライト機能を and検索 対応に

2010/03/02 (火)  カテゴリー： ブログカスタマイズ上級

FC2ブログの サイト内検索 の検索結果ページで、その検索文字列を ハイライト（強調表示）する方法　[ 前回の記事 ： 検索用語をハイライト（強調表示）するスクリプト ]　で紹介したもの、これを and検索 対応 （複数ワード検索対応） にしたので追記します。

前回もお世話になった、Hatena::Diary 130単位（deeekiさん） の 改良サンプル を参考にFC2ブログに適応させてみました。 検索BOX は公式のものでもOKです。

サンプル →　複数ワード検索　./?q=JavaScript+%E5%BC%B7%E8%AA%BF
検索BOX に 「JavaScript（半角スペース）強調」 と入力した場合のサンプルです。 ページ読み込み後に 検索用語 がそれぞれ強調表示されます。

<head> 部分　（前回のソースの一部を以下と変更）

[ 前回の記事 ： 検索用語をハイライト（強調表示）するスクリプト ]
※読み込む jQuery jsファイル，スタイルシートの設定 など 基本部分は同じものなので、前回の記事 を参照してください。 ソースの一部を以下のものと変更します。

<!--search_area-->
<script type="text/javascript">
$(function(){
$("#ハイライトを機能させたい範囲の ID名")
var words = [];
words = ("<%search_word>")
.replace(/^¥s+|¥s+$/g, "")
.replace(/¥s+/g, " ")
.split(" ");
for (i in words) {
if (words[i] != "") {
$("#ハイライトを機能させたい範囲の ID名").highlight(words[i]);
$("#overtureAds").removeHighlight();
}
}
});
</script>
<!--/search_area-->

ハイライト（強調表示） を機能させたくない部分を設定することができるので、2010年3月から FC2ブログの 検索結果ページで 自動挿入されるようになってしまった 「スポンサーサーチ」 という広告部分 （#overtureAds 部分） では 検索用語と一致している文字列があってもハイライトしないようにしてあります。

関連記事

キーワード検索 ： jQuery  サイト内検索  ブログ内検索  強調表示  javascript  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-114.html

2010/03/02 ～ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

CATEGORY : テンプレ・FC2マニア » ブログカスタマイズ上級
この前の記事 ： FC2 検索結果に 「スポンサーサーチ」 なんて
この次の記事 ： FC2ブログ仕様変更に伴う、ソース修正のお願い

3 Comment


and検索について

初めまして斎藤と申します。
私のFC2ブログでは複数語句検索ができないのですが、こちらのブログではできるようです。
何か特別な方法があるのでしょうか？
私の使用しているテンプレートを制作した方にお聞きしたところ、fc2の問題なのでこちらでどうこうするのは難しいということで一度は諦めたのですが。
いきなりの質問で恐縮ですが是非是非教えていただきたいです。
よろしくお願いします。

斉藤 |  2012/02/08 (水)　[ 編集 ] No.1276


FC2ブログで 今現在 and検索 に対応しているのは...

どうやら、今現在は 旧仕様サーバー だけが正常に機能しているみたいですね。。

ここで言う 旧仕様サーバー とは 私のサイトのように http://arinogotokuatumarite.blog19.fc2.com/　とサーバー番号がつくところのことです。

新仕様サーバー の場合、これが
http://xxxxxxx.blog.fc2.com/　のような形式になっているのですが、斉藤さんのサイトも おそらく 「新仕様」 ではないでしょうか。。

一時的に不具合が起こっているのか、それとも元々なのかは私には判断できませんが、修正可能な可能性もあるので 問い合わせてみてはいかがでしょうか。。
多分、使えるようになるのでは... と思います。

paruparu |  2012/02/08 (水)　[ 編集 ] No.1278


and検索について

お答えいただきありがとうございます！
早速問い合わせてみたいと思います。
本当にありがとうございました！！

斉藤 |  2012/02/08 (水)　[ 編集 ] No.1279

コメントを投稿する　記事: 検索用語のハイライト機能を and検索 対応に


お気軽にコメントをどうぞ。
ソースコード等の < と > は （実態参照に変換されるので） そのまま使ってOKです。 & は 全角 に変えて使ってください。

 　任意 : 後から修正や削除ができます。
 　非公開コメントとして投稿する。（管理人にのみ公開）
　

Trackback


この記事にトラックバックする （FC2ブログユーザー限定）

検索結果ページで検索語をハイライトする

前回の記事で検索結果ページを一覧性を高めるカスタマイズをしましたが、さらに、検索語句 をハイライト（強調表示）させることができたらい...

hatena chips　2010/04/05
この前の記事 ： FC2 検索結果に 「スポンサーサーチ」 なんて
この次の記事 ： FC2ブログ仕様変更に伴う、ソース修正のお願い