Mettez en surbrillance le texte d'une page après son rendu

Question

J'ai une application qui permet à l'utilisateur de rechercher un certain nombre de champs dans une chaîne. Lorsqu'ils consultent l'enregistrement détaillé, ils souhaitent que toutes les occurrences de la chaîne soient mises en évidence.

Le formulaire détaillé est composé d'étiquettes et ListViews, dont la plupart se trouvent dans TabPanels (à partir de AJAX Control Toolkit). Je voudrais éviter l'utilisation de la force brute pour analyser manuellement chaque valeur pour ajouter les tags en surbrillance avant de l'afficher.

Existe-t-il un moyen de charger mon formulaire, puis d'analyser le code HTML? Y a-t-il une autre solution?

Answer 1

Qu'en est-il de JavaScript et JQuery? J'ai juste essayé ce plugin et cela a fonctionné. Vous pouvez spécifier les tags que vous souhaitez mettre en surbrillance et les mots.

<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>