検索用語のハイライト機能を and検索対応に【ありのごとくあつまりて】

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

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

スポンサーサイト

--/--/-- (--) カテゴリー：スポンサー広告

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

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

--/--/-- ～ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

検索用語のハイライト機能を 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ファイル，スタイルシートの設定など基本部分は同じものなので、前回の記事を参照してください。ソースの一部を以下のものと変更します。

<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>

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

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

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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