CommentコメントできますCategoryユーザがGoogleやYahoo!などの検索エンジンを経由してサイトを訪問をした際に、そのユーザが検索に使ったページ中の検索語彙をハイライト表示する方法を紹介します。ユーザはハイライト表示された部分を流し読みすることで、必要とする情報を素早く発見できるようになります。ファイルを一つ読み込むだけなのでとてもお手軽です。mixiSyncの紹介ページが表示されると思うのでリンクを開いてみてください。いった単語がハイライト表示されているのがご覧になれると思います。対応している検索エンジンは、AllTheWeb、Google、Lycos、MSNとYahooとのことで、日本語でもほぼ期待した通りに動作してくれました。他のビジタの方には従来通りにサイトを閲覧して頂けます。既存のページへの組込みは至って簡単です。ファイルを読み込むだけなので、MovableTypeやWordPress、XOOPS、WikiなどのCMSから、一般的なホームページでも幅広く使用することができます。(最新版)を使用します。そのままでは日本語の単語区切りを正しく判断しません。開いて次の行を書き換えてください。書換えが終わったら上書き保存してサーバにアップロードしておきます。最後にハイライト表示される領域のスタイルを定義します。hilite2...という名前のクラスが適用されます。以下のようなスタイル定義を追加します。ファイルを組み込んだだけではページ全体が処理の対象となってしまうため、例えばコメントの名前欄やアフィリエイトの商品名などの意図しない部分までもが対象になってしまいます。囲むと、その要素の中の文章だけが対象になります。id="content">ここはハイライト表示の対象となります。記事の本文などハイライト表示の対象となる文章を記述します。その2このサイトでは、記事の概要文、本文、トラックバック欄、コメント欄についてハイライト表示を行なっていますが、元のコードでは複数の領域に対してハイライト表示を有効にする方法が見つかりませんでした。そこでスクリプトに少し改造を施して、ハイライト表示を有効にする領域を自由に設定できるようにしてみました。いうメソッドを追加して、このメソッドを使って処理の対象となる要素を自由に追加できるようになっています。置き換えてからご利用ください。お手数ですがご協力のほど宜しくお願いいたします。『検索ワードをハイライトする』機能で困っておりコメントさせて頂きました。情報をお持ちでしたら教えてください。職場でWebcelというソフトでキーワードを3個設定し、アクセスのDBより情報を検索する仕様を運用してます。その際、利用者より『検索ワードに色を付けてほしい』との要望があり、上西様のサイトにたどり着きました。検索エンジン経由でなく、『検索キーワード』を認識したところからスタートする展開で『検索ワードをハイライトする』機能ができないものかと考えているのですが。『検索ワードをハイライトする』機能で困っておりコメントさせて頂きました。情報をお持ちでしたら教えてください。職場でWebcelというソフトでキーワードを3個設定し、アクセスのDBより情報を検索する仕様を運用してます。その際、利用者より『検索ワードに色を付けてほしい』との要望があり、上西様のサイトにたどり着きました。検索エンジン経由でなく、『検索キーワード』を認識したところからスタートする展開で『検索ワードをハイライトする』機能ができないものかと考えているのですが。入力してから送信してください。お手数ですがご協力のほど宜しくお願いいたします。Yesterday:。