Live Search¶ ↑

Forked from andreaslagerkvist.com/jquery/live-search/

Example Code¶ ↑

HTML

<div id="jquery-live-search-example">
<form method="post" action="/search/">

    <p>
        <label>
            Enter search terms<br />
            <input type="text" name="q" />
        </label> <input type="submit" value="Go" />
    </p>

</form>
</div>

JS

jQuery('#jquery-live-search-example input[name="q"]').liveSearch({url: Router.urlForModule('SearchResults') + '&q='});

Changes¶ ↑

New configuration options

• minLength: minimum number of characters

• width: the number of pixels in the div-element of results. Can also be set to ‘auto’.

Support for multiple search urls

$('#search).liveSearch({
  url: ["one-search?q=", "two-search?q="]
})

License¶ ↑

creativecommons.org/licenses/by/3.0

Copyright¶ ↑

2008 Andreas Lagerkvist (andreaslagerkvist.com)

Requires¶ ↑

jquery, jquery.liveSearch.css