2

ユーザーが文字列の多数のフィールドを検索できるアプリがあります。詳細レコードを表示するときに、文字列のすべての出現箇所を強調表示したいと考えています。

詳細フォームは、Label と ListView で構成されており、そのほとんどは (AJAX Control Toolkit の) TabPanel 内に存在します。各値を手動で解析して、表示する前に強調表示タグを追加するという力ずくの使用を避けたいと思います。

フォームを読み込んで HTML を解析する方法はありますか? これを回避する別の方法はありますか？

4

1 に答える 1

5

JavaScript と JQuery はどうですか? http://plugins.jquery.com/project/highlight

そのプラグインを試してみたところ、うまくいきました。強調表示するタグと単語を指定できます。

<script language="javascript" type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.highlight-2.pack.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready( function () {
    $('p').each(function() { $.highlight(this, 'LOREM'); });
});
</script>
<style type="text/css">
    .highlight { background-color: yellow }
</style>

..
..
..
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi gravida risus elementum tortor. Duis mattis, est et volutpat cursus, mi mi ornare tortor, sed fringilla nibh erat sed eros. In nec orci vel velit scelerisque ultrices. Nunc auctor elit. Proin orci ligula, luctus a, venenatis sit amet, laoreet a, mauris. Suspendisse sem nibh, interdum eu, vestibulum non, semper vel, mauris. In quis leo suscipit risus semper pretium. Cras interdum iaculis dui. Etiam vel ipsum eu sapien dapibus sagittis. Donec lobortis, lectus et placerat euismod, quam dui porttitor sem, sed fermentum eros quam ac ipsum. Ut eu augue. Nullam lacinia dictum neque. Nullam eros. Phasellus sem nisi, feugiat nec, consectetur vel, ullamcorper at, nisl. Aenean quam risus, ullamcorper a, ultricies ut, posuere ac, quam. Vestibulum sed lectus ac orci fermentum viverra. Sed aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
    </p>
于 2008-12-09T22:11:18.940 に答える