text-match.html 745 B

123456789101112131415161718192021
  1. <!DOCTYPE HTML>
  2. <script src="../../resources/ahem.js"></script>
  3. <script>
  4. function highlightRange(id, start, end, active) {
  5. var range = document.createRange();
  6. var elem = document.getElementById(id).firstChild;
  7. range.setStart(elem, start);
  8. range.setEnd(elem, end);
  9. internals.addTextMatchMarker(range, active);
  10. internals.setMarkedTextMatchesAreHighlighted(document, true);
  11. }
  12. function highlightTest() {
  13. highlightRange('1', 2, 5, 'kActive');
  14. }
  15. </script>
  16. <body onload="highlightTest()">
  17. Test for crbug.com/512354
  18. <p>Find In Page: The below text "ndM" from findMe should be highlighted as orange and painted as black</p>
  19. <span id="1" style="font-family: Ahem; font-size: 20px; color:#FF9632">findMe</span>
  20. </body>