FCafe  KW強調ボタン

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

  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,"<$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で検索という条件の人はかなり少ないと思われますので、とりあえずしばらくこのままにしておきます。
ありがとうございました。

paruparu paruparu Edit
03/30 21:58

自力で解決できない問題が起きたので... もし何か原因が判ればと思い、書き込ませていただきます。
KW強調ボタン 以前から使わせていただいているのですが、最近 Lightbox(旧バージョン) を導入したところ、単体ではどちらも問題なく作動するのですが、Hilight_KW を押した状態で Lightbox を実行させようとするとページ読み込みが完了しているにも関わらず、Lightbox が作動せず、通常の <a> での表示になってしまいます。
IE6, 7, Firefox3 共、同じ状態で、エラーになるわけではないので致命的な問題ではないのですが...
(lightbox は onLoadが競合したりすると 不具合が起きることがあるようなのですが...このスクリプトの中には含まれていないようですし、ちょっと行き詰ってしまいました。)

面倒な質問で申し訳ありません。

daniel daniel Edit
03/31 22:41

ボタンを押さなければLightboxは正常に作動する。
でも押した(ハイライトした)後は作動しない(別窓表示になる)。
という現象を確認させていただきました。

関数・変数等が被っている訳ではないようです。
ハイライト時に頁内容が変化する事自体がいけないのでしょうか
・・・ 申し訳ありませんが解決法は 正直分かりません。
( あ 私の Photoscope を使う、というのも一応 ry )

もっとも、検索結果表示頁という限定的な条件での事象ですし
元画像の表示自体は可能な訳ですからあまり気にしなくてもよろしいのでは

paruparu paruparu Edit
04/01 10:50

忙しい中、丁寧にお返事いただきありがとうございました。
確かに、通常のアンカーには問題ないし、検索・タグ検索エリアに限ったことなのであまり気にする必要はないかもしれませんね。

KW強調ボタン は本当に便利で (少しSEO的にも役立っているようだし) お気に入りなんです! もしかしたら既にご存じかもしれませんが、私のブログからもリンクを貼らせていただいています。(他のスクリプト等も… daniel さん作のものがブログにあふれています。)

Photoscope はつい最近このサイトで見つけました。 こんなスクリプトまで作れるなんてホントに凄いです!!
ただ私の場合、ScreenShot 等、原寸大などの画像に使うことが多いので、スクロールしてでも全体が見れるものというのが合っているのかなと。
他のスクリプト関連も (コメント内URLの短縮表示など) 色々と興味を持ったので、また勉強させていただきます。

paruparu paruparu Edit
04/02 01:11

追記:
Photoscope∀ という大きい画像対応のまであったのですね。
以前のものしか見ていませんでした。。。検討させていただきます。

paruparu paruparu Edit
08/14 21:34

度々の要望を失礼致します。
「一度DMY文字列に置き換え、タグ中のDMYのみ・・・」
という処理なのですが、この作業を2回繰り返すというようなことは可能なのでしょうか?

英字のタグ検索や検索時に生じる現象なのですが、
1.<a href="./?tag=Google" title="Google に関する記事">Google</a>
2.<a><img alt="Google" title="Googleへ" /></a>
などのようになっている部分のリンクが無効になったり、ソースが表示されてしまう現象が起こるので。

1.は、title にアドレスとも重なる文字を入れなければ良いのかもしれませんが。
もし、可能なら…と思い、自力ではどうしても判らなかったので、質問させていただきました。

daniel daniel Edit
08/16 21:34

すいません paruparuさんこんばんは。
夏休み中でお返事が遅れ ごめんなさい。

>>>>この作業を2回繰り返す

それ、いただきました!
タグ中の文字列を変更しない ナイスな方法を考えたつもりでしたが
この方法はタグ中に複数のKW文字列があるとアウトになるのが判明
http://blog-imgs-18.fc2.com/p/c/a/pcafe/HKWTEST.html

で、(とりあえず)タグ中のDMYをオリジナルに戻す工程を
「2回」に増やしてみました (記事中のソースを改定)

はーじぇい はーじぇい Edit
09/30 22:09

daniel さん、こんばんは。いつもお世話になっております。
私のプラグイン「タグと検索」にこのキーワード強調機能をどうしても入れたくて、以前にひそかに参考にさせて頂きました。
http://andhaj.blog62.fc2.com/blog-entry-185.html
その時にやはりHTMLタグ内にキーワードが含まれる問題に悩まされました。その時の解決法としては、タグ内に含まれるキーワードは探しに行かず、タグに含まれていないキーワード部分を探しに行き、その部分のキーワードを入れ替えました。つまり、「>...キーワード...<」となっている部分です。そしてそれを何でreplaceするのかが問題なのですが、そこにはキーワードだけをreplaceする関数を準備しました。replaceという関数が引数に別の関数を取れたので可能でした。すごく分かりづらい説明で申し訳ないですが、伝われば幸いです。

daniel daniel Edit
10/02 03:30

はーじぇいさんこんばんは。
タグの 「中」 ではなく 「外(間)」 にある、という点に着目された訳ですね !
成る程~ これは思い付きませんでした。  ><

非常に参考になります。
共有プラグインも進歩してるんですね


.  
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 19 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。