For example if I have a web page HTML like below
<body>
Hello Techies, <br>
Techies here.
</body>
If I search for "Techies" using
var sel = window.getSelection();
sel.collapse(document.body, 0);
document.body.offsetHeight;
if (window.find("Techies", true)) {
document.execCommand("hiliteColor", false, "YellowGreen");
sel.collapseToEnd();
}
It is Highlighting only the first occurred of the "Techies". But when I search with Ctrl+F the first occurrence will be highlighted in Dark and next occurrences will be highlighted in light color mode. How can I achieve the same with the above code.
For example if I have a web page HTML like below
<body>
Hello Techies, <br>
Techies here.
</body>
If I search for "Techies" using
var sel = window.getSelection();
sel.collapse(document.body, 0);
document.body.offsetHeight;
if (window.find("Techies", true)) {
document.execCommand("hiliteColor", false, "YellowGreen");
sel.collapseToEnd();
}
It is Highlighting only the first occurred of the "Techies". But when I search with Ctrl+F the first occurrence will be highlighted in Dark and next occurrences will be highlighted in light color mode. How can I achieve the same with the above code.
Share Improve this question edited Aug 9, 2017 at 3:45 Cœur 38.8k26 gold badges205 silver badges277 bronze badges asked Feb 25, 2012 at 19:50 ExceptionException 8,38924 gold badges88 silver badges141 bronze badges1 Answer
Reset to default 8Try using a while loop:
if (window.find("Techies", true)) {
document.execCommand("hiliteColor", false, "FirstColor");
while (window.find("Techies", true)) {
document.execCommand("hiliteColor", false, "SecondColor");
}
...
}