(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:
fieldset {border:0 solid}
.even {background:#f7f7f7}
XHTML:
<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>
JavaScript:
<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