Have fun!!
<SCRIPT type="text/javascript"src="SITE/Shared%20Documents/Lib/js/jquery-1.7.1.min.js"></SCRIPT>
<SCRIPT type=text/javascript>
jQuery(document).ready(function($){
//attach a function to the keyup event on the filter box
$('#filterInput').keyup(function()
{
DynamicFilter($('#filterInput').val());
});
})
//strip off html taqs
function stripHTML (field) {
return field.replace(/<([^>]+)>/g,'');
}
function DynamicFilter(text)
{
//find out list view (default class for a listview is "ms-listviewtable"
$('table [class="ms-listviewtable"]').find('tr').each(function()
{
//don't filter out the header row
if ($(this).attr("class") != "ms-viewheadertr ms-vhltr")
{
//get the html for the row and strip off the html tabs
source = stripHTML($(this).html());
//check to see if the filter text exists in the remaining text
if (source.indexOf(text) < 0)
{
//hide the row if it doesn't contain the text
$(this).hide();
} else {
//otherwise show it
$(this).show();
}
}
}
);
}
</script>
<div id="mainDiv">
<table>
<tr>
<td class='Filter' width='125px'>Search: <input type="Text" id="filterInput" ></td>
</tr>
</table>
</div>
<SCRIPT type="text/javascript"src="SITE/Shared%20Documents/Lib/js/jquery-1.7.1.min.js"></SCRIPT>
<SCRIPT type=text/javascript>
jQuery(document).ready(function($){
//attach a function to the keyup event on the filter box
$('#filterInput').keyup(function()
{
DynamicFilter($('#filterInput').val());
});
})
//strip off html taqs
function stripHTML (field) {
return field.replace(/<([^>]+)>/g,'');
}
function DynamicFilter(text)
{
//find out list view (default class for a listview is "ms-listviewtable"
$('table [class="ms-listviewtable"]').find('tr').each(function()
{
//don't filter out the header row
if ($(this).attr("class") != "ms-viewheadertr ms-vhltr")
{
//get the html for the row and strip off the html tabs
source = stripHTML($(this).html());
//check to see if the filter text exists in the remaining text
if (source.indexOf(text) < 0)
{
//hide the row if it doesn't contain the text
$(this).hide();
} else {
//otherwise show it
$(this).show();
}
}
}
);
}
</script>
<div id="mainDiv">
<table>
<tr>
<td class='Filter' width='125px'>Search: <input type="Text" id="filterInput" ></td>
</tr>
</table>
</div>