javascript - How to highlight an entire div based on search -

-

i have sample jsfiddle here.

you'll see have several div classes created. can search text , highlighted answer, want able search value of div , have entire div (a square box in case) highlight or fill color.

here's javascript have isolating text, can't above issue work... 

function dosearch(text) {     if (window.find && window.getselection) {         document.designmode = "on";         var sel = window.getselection();         sel.collapse(document.body, 0);          while (window.find(text)) {             document.getelementbyid("button").blur();             document.execcommand("hilitecolor", false, "yellow");             sel.collapsetoend();         }         document.designmode = "off";     } else if (document.body.createtextrange) {         var textrange = document.body.createtextrange();         while (textrange.findtext(text)) {             textrange.execcommand("backcolor", false, "yellow");             textrange.collapse(false);         }     } }

can done more appropriately jquery?

i forked fiddle here. added 1 line of css (a new class: highlight) , shrunk down dosearch() function these 2 lines of jquery:

$('#content div').removeclass('highlight'); $('#content div:contains(' + text + ')').addclass('highlight');

it first removes highlight class every div inside content div, adds class of divs contain desired text.


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more