Difference between revisions of "Widget:TableFilter"

From DDO Compendium
m (clean up white space)
(tweak)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
<script>
$(document).ready(function () {
$(document).ready(function () {
$( "h1.firstHeading" ).after( "<input class=\"form-control\" id=\"filter\" placeholder=\"Type here to filter all tables.\"><hr>" );
$( "#bodyContent" ).prepend( "<input class=\"form-control\" id=\"filter\" placeholder=\"Type here to filter all tables.\"><hr>" );
$("#filter").on("keyup", function () {
$("#filter").on("keyup", function () {
var value = $(this).val().toLowerCase();
var value = $(this).val().toLowerCase();
$(".filterable tr").filter(function () {
$(".filterable tbody tr").filter(function () {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
Line 10: Line 12:
});
});
</script>
</script>
</includeonly>

Latest revision as of 19:37, 5 May 2018