Result filtering

[pmeenan]

(thread migrated from sourceforge forum - originally posted 8/16/2008)

Hi Pat,

Here's a simple jquery results filter which, if implemented, may be of benifit to other users:

Style:

Code:

fieldset {border:0 solid}
.even {background:#f7f7f7}

XHTML:

Code:

<form id="filter" action="#" onsubmit="filter(); return false;">
<fieldset>
<label for="filterTerm">Show only result URIs containing text:</label>
<input id="filterTerm" value="websemantics" type="text" />
<input id="submit" value="Filter" type="submit" />
<p id="results">Note filtering a large data set will take time.<br />
Narrow reports first: <a href="/testlog/1/">1 Day</a>, <a href="/testlog/7/">7 Days</a>, <a href="/testlog/30/">30 Days</a>, <a href="/testlog/182/">6 Months</a>, <a href="/testlog/365/">1 Year</a>.</p>
</fieldset>
</form>

J

Code:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/

function filter(){
var txt=$('#filterTerm').val(), total=0, count=0;
$('.url').each(function(){
total++;
if ($(this).text().match(txt)){
count++;
}else{
$(this).parent().remove();
}
})

$('#results').html('Showing <strong>'+count+'</strong> results from <strong>'+total+'</strong> entries.');
$('tbody tr:even').addClass('even');
$('#submit').val('Filter results further');
}

/*]]>*/
</script>

mike