ホームページ内検索をフォームとJavaScriptで実現したい。

解決済

質問者：kounesi
質問日時：2005/10/01 18:09
回答数：2件

簡単なホームページを作っているのですが、例えばページ内の特定のテキストを検索する場合は
Ctrl+Fで検索できますが、自分で作っているページなので、FORMとJavaScriptを使って
キーワードを formのテキストに入力し、検索ボタンを押すと、１つめのfind位置にジャンプし、
ページ内のキーワード全てに黄色の反転をさせたいのですが、可能でしょうか？
DOM？というものを詳しく知る必要があると思いますが、お勧めの書籍がありましたら教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： sassakun
回答日時：2005/10/02 18:27

DOMか何かはわかりません。

ここに↓
http://mist.freespace.jp/kumisuke/bookmarklet.html
Bookmarklet という，ブラウザの「お気に入り」に登録して利用するJavaScriptが紹介されているのですが，
このページの真ん中あたりにに
「ページ内の指定テキストを強調表示(タグを壊さずそこそこ速いハイライト検索) 」
というBookmarkletがあります。

これをJavaScriptに逆輸入して，以下のようなものを作ったら，
「ページ内の指定テキストを強調表示(タグを壊さずそこそこ速いハイライト検索) 」
がボタンでできました。

-------------------------------------
<html>
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>検索</title>
</head>

<body>
<INPUT type="button" value="ページ内検索"
onclick="javascript:(function(){ var d = document.body, e = prompt("", ""); d.innerHTML = d.innerHTML.replace(RegExp(">[^<]*(?:"+e+")[^<]*<", "ig"),function(a){ return a.replace(RegExp(e, "ig"), '$&'); }); })()">
あいうえお 
かきくけこ 
さしすせそ
</body>
</html>
------------------------------------

javascript:(function ～～の部分は改行されているように見えますが一行です。