私はリストに2000プラス項目を持っています。私は検索機能のいくつかのフォームを追加したい。私は明らかに入力バーを持っていますが、その場所にページとScrollToを検索するjavascriptを書くにはどうすればいいですか?HTMLとスクロールを検索
0
A
答えて
0
あなたはどのように私は、入力フォームの返されたテキストからこれを取得しに行くか、私は初心者だ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>
0
検索したい要素をループします。子ノードを再帰的に実行し、それぞれ正規表現で検索します。/\bTERM\b/
のようなものでしょう。
見つかったら、そのオフセット位置を見つけ、scrollTo()
のオフセットを探します。
関連する問題
- 1. 検索と置換HTMLタグ
- 2. recyclerviewのAndroid検索とそれにスクロール
- 3. 検索コントローラスクロールでテーブルビューでスクロール
- 4. HTMLテーブルの検索
- 5. HTML/CSS - 検索フォーム
- 6. HTMLブートストラップ検索バー
- 7. (HTML)ページスクリプトで検索
- 8. HTMLの検索バー
- 9. WatiN - HTMLテーブルを検索
- 10. スクロールせずにテーブルの検索バーを
- 11. HTMLとCSSによるダイナミックボックス検索
- 12. Nokogiri(RubyGem):HTMLタグの検索と置換
- 13. HTML XPathクラスとテキストで検索する
- 14. HTML CSS&Bootstrap navbar検索の幅とカスタマイズ
- 15. 検索と印刷HTMLのハイパーリンク名
- 16. Wordpress - /keyword1+keyword2.htmlを検索してページを検索する| .htaccess
- 17. 仮想スクロールの検索実装
- 18. 弾性検索スクロールの動作
- 19. 弾性検索スクロール制限件数
- 20. PHPのhtmlタグの検索
- 21. htmlドロップダウンメニューの検索方法
- 22. Django URL from HTML検索フォーム
- 23. Typo3検索インデックスエンジンHTMLフォーム
- 24. 検索データベース| NodeJS、Express、HTML
- 25. HTML Agility Packサーバーの検索
- 26. HTML:追加の検索フィルタコントロール
- 27. ライブ検索のHTMLページ
- 28. HTMLファイルで検索 - Swift
- 29. HTMLでのコメントの検索
- 30. htmlのコンボボックスでの検索
を使用することができますか? –
私は上記の例を追加しました。注:Operaは両方の方法のいずれかをサポートしていないため、残念ながらこれはOperaでは動作しませんでした。 –
Chromeにはうまくいきました(ありがとうございます)、ターゲットブラウザ(iPhoneのモバイルSafari)では動作しませんでした。しかし、ありがとう! –