FCafe  KW強調ボタン

  Doodel の修正作業に手を取られてる内にもう月半ばとなってしまいましたが 此処でまた検索関連でのお題を。   月初めに検索語強調2 というタイトルでblog内検索時にKWをハイライト表示する方法について書きましたが、Step Search を作った時に「タグ検索時にも当該タグを強調できたら良いのでは?」 ・・と思い付きました。
tag_area でも同じ方法で強調表示は可能ですので、当初は(共有プラグインにも登録した) 前記事の内容をユーザータグ対応に拡張することを考えたのですが、タグの場合はblogによってはFC2ポータルへのリンクが載る設定になっている場合もある訳で、リンク色で容易に判別可能であるならば強調表示は不要と考えられます。  自動的強制的なハイライトは適さないでありましょう。  いや、それは通常検索時にも言える(ハイライト表示が余計≒邪魔な場合もある)のではないか?
・・・などという思案がグルグル巡りまして。  検索語(ユーザータグ)を強調表示したい時だけ、ハイライトできる仕組みがあれば(あっても)良い、と思い至った訳です。

  で、作ってみました 「検索語・タグ強調ボタン」 を。
(通常・タグ)検索モード時のみボタンが表示され、クリックするとKW(タグ)がハイライトされる、というものです


【 設置法 】 テンプレート(の記事部分)が以下のようである時

<div id="ID名">

<!--topentry-->

   *  エントリ(記事)内容  *

<!--/topentry-->

</div>
 
ハイライトスイッチ(ボタン)を設置したい(ソース上の)場所に以下のスクリプトを書きます。
<!--not_index_area--><!--not_permanent_area-->
<!--not_date_area--><!--not_category_area-->
<script type="text/javascript"><!--
if("<%tag_word><%search_word>"!=""){
if(document.getElementById){
KHL=0;
function EKW() {  if(KHL==0){
var Style="background:yellow"; KHL++;
var A=document.getElementById("ID名");
var KW="<%tag_word><%search_word>";
var H='<span style="'+Style+'">'+KW+'</span>';
var R= new RegExp( KW, "g");
A.innerHTML=A.innerHTML.
replace(R,"DMY").
replace(/<([^>]*)DMY([^<]*)>/g,"<$1"+KW+"$2>").
replace(/DMY/g,H);
} }
document.write(
 '<input type="button" onclick="EKW()" value="Hilite KW" />'
)
} }
//--></script><noscript>Cant Hilite KW</noscript>
<!--/not_category_area--><!--/not_date_area-->
<!--/not_permanent_area--><!--/not_index_area-->
 

【 使用法 】  デフォルトでの強調形式、その変更方法等は前記事と同じです。
search_word または tag_word が存在する場合のみ、ハイライトSW(ボタン)が表示されます。
強調表示スクリプトはボタンがクリック時に作動しますので、(ソース上の)設置場所は頁内の何処でも(記事(topentry)領域の前でも)構いません

Comment

iserin iserin Edit
12/16 16:58

こんにちわ。
KW強調表示を使ってみました。そうすると"§"という文字が
検索語に置き換わり強調表示(ハイライト表示)されてしまい
ました。

特に不都合ということでもないんですが、なんか笑えてしま
う感じです。

いちおー、使用お礼とレポートです。

iserin iserin Edit
12/16 17:01

あ、このレポートはプラグイン版です。

daniel daniel Edit
12/17 01:00

iserinさんこんばんわ。 
それ、何方かの所で起こるんじゃないかと思ってました。
あのプラグインは "§" という文字を中間処理で使用するのです。
殆ど使われない文字かと思っていたのですが、
履歴とか見てますといらっしゃるんですね。 使われる方が。
( iserinさんはタイトルにもお使いですね)
⇒プラグインソース中の  § を ¿ とかに変更すればOKです

iserin iserin Edit
12/17 12:40

どうもありがとうございました。「麤」とか、よく分からない字に変更したら大丈夫でした。

ところで、ブログ本体のHTMLに埋め込んでもいいんでしょうか?

daniel daniel Edit
12/17 14:17

うまく行かれたようでなによりです。
本体(テンプレート)への使用もどうぞ御自由に。

tenrinrin tenrinrin Edit
08/10 10:26

Hilight_KW Hilight_KWをFC2ブログで使わせていただいております。
1つ不具合がございました。
検索したときに、そのキーワードを含むファイル名の画像があった場合、画像は表示されず、そのタグが表示されてしまいます。
滅多に起こることではありませんので大した問題ではありませんが、一応ご報告まで。

daniel daniel Edit
08/10 10:46

tenrinrinさんはじめまして。 お早うございます。 
また HKWの御利用ありがとうございます。
HKWはタグ内の文字列にはハイライト装飾を付けない機能があります。
そちらの画像ファイル名内の文字列で検索してみましたが、現象を確認できませんでした。
http://tenrinrin.blog94.fc2.com/?q=tenrinrin

宜しければ現象の発生するKWをお報せいただけませんでしょうか

hassaku hassaku Edit
08/10 11:21

http://tenrinrin.blog94.fc2.com/?q=eVonne_04
で発動しましたよ。

tenrinrin tenrinrin Edit
08/10 11:30

別の問題が…  早速のご対応ありがとうございます。
「Angela」で検索した場合の4ページ目に2ケ所起きております。

それで、今いろいろなブラウザでテストしていて気付いたのですが、Win、MacともにOperaでは、検索結果の状態でページをめくると、記事が表示されない状態になります。
試しにHilight_KWをはずしてみると問題なくなりました。
たくさん記事が出てくるキーワードとしては他に「女性歌手」「台湾」「北京」などがあります。
ただ、私の場合、たくさんのプラグインを使っておりますので、何かがぶつかっている可能性もあります。テンプレート中にもいろいろ入れております。あれこれカスタマイズしてどこかにまちがったタグがある可能性には自信があります^^;。
しばらくはHilight_KWをはずさないようにしますが、そこまでめんどうを見ていただくのも申し訳ありませんので、一応ご報告ということにしておきます。
 ※ hassakuさん、ありがとうございます。

daniel daniel Edit
08/10 12:33

?q=Angelaですと (私の)Operaでは確かに記事部分がカラム落ちするようですね(記事自体は表示されています)
hassakuさんありがとうございます。 URLで画像タグの異常を確認しました。
特定のKWでなぜそのような現象が起こるのか調べてみます (解決できるか分りませんが )

tenrinrin tenrinrin Edit
08/10 12:54

確かに、Operaでは記事が下のほうにずれて出ていました。
どのキーワードでもこれは起こるようです。
Operaで検索という条件の人はかなり少ないと思われますので、とりあえずしばらくこのままにしておきます。
ありがとうございました。


 
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/392-72a5bfdb

Shown after Admisson
.

≫ 青雲寮奇譚 Step Search ≪

2006 / 11 / 15  Wed
Entry   
Comment 11 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced