javascriptで検索エンジンの入力キーワードをハイライト表示する

http://scott.yang.id.au/code/se-hilite/ ここで開発されている、”se_hilite.js”をダウンロードしてサーバに置く。

ページに以下の記述を追加する。これだけで完了。

//Hilite.debug_referrer = 'http://www.google.com/search?abc=def&q=Report+business+america&foo=bar';

Hilite.exact = false;

</script>

.hilite { background-color: #fcc; }

.hilite1 { background-color: #ff0; }

.hilite2 { background-color: #f0f; }

.hilite3 { background-color: #0ff; }

</style>

テストしてみるには、Hilite.debug_referrerの値を適当にいじる。よくわからない場合はgoogleで検索してURLを設定する。

ある特定のidをもつエリアだけをハイライトしたい場合は、Hilight.elementid = “myid”のようにidを指定する。

ここに置いてみた。Google検索から飛べばハイライトされるはず。