HTMLとスクロールを検索

Question

私はリストに2000プラス項目を持っています。私は検索機能のいくつかのフォームを追加したい。私は明らかに入力バーを持っていますが、その場所にページとScrollToを検索するjavascriptを書くにはどうすればいいですか？

Answer 1

あなたはどのように私は、入力フォームの返されたテキストからこれを取得しに行くか、私は初心者だwindow.findとrange.findText

<input id="search" > 
<input type="button" value="search" onclick="fx(document.getElementById('search'))"> 
<script type="text/javascript"> 
<!-- 
function fx(o) 
{ 
    var _o=o; 
    if(window.find) 
    { 
    _o.style.visibility='hidden'; 
    setTimeout(function(){window.find(_o.value);_o.style.visibility='visible';},10); 
    } 
    else if(document.body.createTextRange) 
    { 
    var rng=document.body.createTextRange(); 
     rng.findText(o.value); 
     rng.select(); 
    } 
} 
//--> 
</script> 

Answer 2

検索したい要素をループします。子ノードを再帰的に実行し、それぞれ正規表現で検索します。/\bTERM\b/のようなものでしょう。

見つかったら、そのオフセット位置を見つけ、scrollTo()のオフセットを探します。