ansaurus

Question

text search in javascript ?

Answer 1

+3 A:

I found one.

http://github.com/riklomas/quicksearch

which uses regex for search.

iamgopal 2010-07-18 04:27:56

Answer 2

+4 A:

You can enumerate all h1 tags get inner html and do indexOf , or you can use jQuery it has a custom made contains functionality, which returns the elements having given text.

Here is an example copied from jQuery docs

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
</head>
<body>

<div>John Resig</div>

<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>


<script>
$("div:contains('John')").css("text-decoration", "underline");
    </script>
</body>
</html>

Anurag Uniyal 2010-07-18 04:28:35

Wow, that is really nice, I didn't know about it!

BrunoLM 2010-07-18 04:31:03

So here I am working on a solution that involved building an array and then searching that array for the text, this makes my solution look bloated and retarded. +1 for simplicity.

Corey Sunwold 2010-07-18 04:32:18

How does it work for multiple words ? ( does it breaks them down and search or search the whole string ? )

iamgopal 2010-07-18 04:33:01

@iamgopal , this will search whole string, you can split search string and search multiple times.

Anurag Uniyal 2010-07-18 05:11:36

Answer 3

+2 A:

Hopefully you find this useful. It probably is not the elegant or most efficient but it will let you enter multiple search terms and gives partial matches (which may or may not be wanted). The way I have made it when you click the search button it will hide all other elements except ones matching either of your search terms but you can modify this to do whatever you want with the elements in the results Array. I don't recommend using this exactly but hopefully it will give you a point of reference on how you may want to implement your own (if you choose to go with a solution other than the quicksearch).

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
<script type='text/javascript' language='javascript' >
$(document).ready(function() {
    var links = new Array();
    $("h1").each(function(index, element) {         
        links.push({
            text: $(this).text(),
            element: element
        });
    });

    $("#searchButton").click(function() {
        var query = $("#searchBox").val();
        var queryTerms = query.split(' ');

        var results = new Array();
        for(var i = 0; i < queryTerms.length; i++) {
            for(var j = 0; j < links.length; j++) {
                if (links[j].text.indexOf(queryTerms[i]) > -1) {
                    results.push(links[j].element);                     
                    }
            }
        }

        $("h1").each(function(index, element) {
            this.style.display = 'none';
        });
        for(var i = 0; i < results.length; i++) {
            results[i].style.display = 'block';
        }

    });     

});
</script>

</head>
<body>
<p>
<input id="searchBox" type="text" />
<input type="button" id="searchButton" value="Search" />
</p>

<h1>
  <a href="somelink">Somelink1</a>
  asdf
</h1>
<h1>
  <a href="somelink">Somelink2</a>
  ssss
</h1>
<h1>
  <a href="somelink">Somelink3</a>
  3333
</h1>
<h1>
  <a href="somelink">Somelink4</a>
  232323
</h1>
<h1>
  <a href="somelink">Somelink5</a>
  fffff
</h1>

 </body>
 </html>

Corey Sunwold 2010-07-18 04:51:46

ansaurus

tags:

views:

answers:

text search in javascript ?

related questions