JavaScript filter search in table

Re: JavaScript filter search in table

echarp — 2011-03-14 15:42:49+0100

I’m not using it currently, but your changes are appreciated, and could be useful to others.

Thanks!

Re: JavaScript filter search in table

Austin — 2011-03-14 15:01:48+0100

I have no idea how old this is or if it is even still worked on, but i had to make some small modifications to get it working in Chrome/Firefox, so i will just add them here incase anyone else needs them.

JavaScript Change:

CHANGE
function filterTable(term, table) { dehighlight(table);

TO
function filterTable(term, table) { var term = document.getElementById(term); var table = document.getElementById(table); dehighlight(table);

HTML Change

CHANGE
filterTable(this.value, ‘filterTable’);

TO
filterTable(‘searchClient’, ‘filterTable’);

In the function, “searchCLient” is the ID only of the textbox, “filterTable” is the ID only of the table. The 2 lines i added in the JavaScript file turn the ID into an object.

Re: JavaScript filter search in table

Artur — 2011-02-25 23:24:45+0100

could i get the naked html file too? i have problem too with aplaying it

Re: JavaScript filter search in table

echarp — 2010-02-26 10:02:00+0100

I’ll gladly send it to you, to what email address?

Normally just clicking on the following link should open the javascript file for you: http://blog.echarp.org/attachment/file/filterTable/filterTable.js

Then save it locally and move this file into whatever directory you use for your javascript files.

Once this is done, you can test the feature with the html code present in this article: it include the js file in the html file, and uses it through the addition of class “filterable” to the html table itself. The highlight is managed through a bit of css.

You can also contact me on irc, server irc.freenode.net, I’m generally on #parlement.

+1 Thanks for your feedback on this!

Re: JavaScript filter search in table

2010-12-09 13:56:23+0100