Comments on: Live Search As You Type and Live Sorting Tables With JS

By: Nenad

Nenad — Mon, 17 Mar 2008 13:13:59 +0000

Hi, greetings from Serbia, brilliant piece of code, helped me a lot in the project I am currently working on. Thanks!!!

By: Josh

Josh — Sat, 01 Mar 2008 01:55:03 +0000

Great work! Thank you so much for this. I work at a fire department, and have become the go to guy for just about everything that has to do with technology, so we got new Panasonic Toughbooks to mount on our apparatus. One of the things the assistant chiefs wanted me to develop was something to quickly search for pre-fire plans to get rid of the paper copies on all of the vehicles. Well, thanks to you, my job became much easier. I have modified it to add more columns. My questions to you or any other javascript guru:

1. Is there a way that the code can be modified for search priority? Another words, when a building number, such as 102, is typed in the search box, is there a way to give priority to that number to show first? Example: when 102 is entered in the search box, I get building 1020 that shows first and 102 follows, I would like for 102 to show first. Now this is with out having to click on the top of the table to sort.

2. I think with this question, the first one would have to be implemented or the code modified even further. So here it is: Is there a way when someone types in such as 102 and hits enter, the file that is tied to it automatically comes up?

Once again, thank you very much for such a great code.

Josh

By: Binay

Binay — Wed, 27 Feb 2008 09:32:37 +0000

Hi
Is there a way through which rest of the record displayed below the filtered record.

For example:
search for “Boy” in your demo. it will remove rest of record from list.

I want to sort in a way that row containing “Boy” come on top followed by rest of record.

Please help me!

Regards,
Binay K

By: vernon

vernon — Mon, 03 Dec 2007 01:26:55 +0000

I LOVE YOUR SCRIPT I WORKING ON A WEB SITE AND I SAW THIS AND IT’s WHAT WE NEED BUT I WANT TO KNOW IF IT CAN TAKE A TXT DOC RACE REPORT
LIKE BELOW WITH 150 LINES WITH OUT ME HAVING TO PUT AND BEFORE AND AFTER EACH LINE WE ARE PIGEON RACERS
THEY WANT THE RACES POST ON THE NET EACH WEEK WITH A SEARCHABLE REPORT
I HAVE BEEN PULLING MY LITTLE BIT OF HAIR OUT TRYING TO FIND A SCRIPT YOURS WORKS AND IT IS EASY TO MODIFIY AND I AM A BEGINNER.HERE IS A SAMPLE OF A RACE SHEET THANK YOU SEE I YOU CAN THINK OF SOME THING
POS NAME BAND NUMBER CLR X ARRIVAL MILES TOWIN YPM PT
1 BAMA LOFT/3 20650 AU 07 GHC BB C 12:31:07 303.950 00.00 1776.411 150
2 HEAVEN ANGE/3 20391 AU 07 GHC BC H 12:32:49 305.284 00.20 1774.383 149
3 JERRY BELLO/7 20380 AU 07 GHC BBAR C 12:32:55 305.249 00.30 1773.465 148

By: Andrew Barrows

Andrew Barrows — Wed, 15 Aug 2007 22:41:15 +0000

dude……………………………………………………………..I HAVE BEEN REDICULOUSLY BUSY WITH WORK AND THIS IS GOING TO SAVE ME SO MUCH TIME!!!! Im so excited to get this damn thing done quickly. To give you a background, Im a web developer for a huge investment firm and this is exactly what they need, well I can’t use php or mysql to run it with a database and I’m pressed for time but low and behold I found your site…..Dustin, I dont know you but I cannot thank you enough, your saving me a shitload of work, it looks great too! Anycase, best regards and drop me an email at pv2barrows@REMOVEMEIFYOURHUMANgmail.com I want to get the information to send a donation. Again I really appreciate it and Ill let you know how it go’s tommorrow!!!!!

Andrew Barrows
Director of Interactive Media @ ADIQUS Inc.
Co-Founder of Binary Catalyst Inc.
Lead Web Developer @ American Century Investments
pv2barrows@REMOVEMEIFYOURHUMANgmail.com

By: links for 2007-08-15 | giancarlo.dimassa.net

links for 2007-08-15 | giancarlo.dimassa.net — Wed, 15 Aug 2007 00:51:09 +0000

[...] Live Search As You Type and Live Sorting Tables With JS » Dustin Bachrach Blog (tags: javascript webdesign ajax css table tutorial blog html opensource programming sorting) Bookmark to: [...]

By: onder

onder — Mon, 06 Aug 2007 19:22:24 +0000

Nice job, nice tutorial. Thanks alot…

By: Bijo Jacob

Bijo Jacob — Sat, 28 Jul 2007 16:28:07 +0000

Please can u send the css and java script . i am not able to download.

And this is an amazing work.That you have done

Thanking You

By: Henrik N

Henrik N — Mon, 23 Jul 2007 21:48:03 +0000

Swallowed my HTML. That should be:

My searchable items could be ….

By: Henrik N

Henrik N — Mon, 23 Jul 2007 21:46:56 +0000

I implemented a similar live search/filtering for a current project, but I was getting very poor performance with ~100+ items. I profiled it – most of the time was spent poking through the DOM looking for matches.

Instead, I had my server side code output a JavaScript representation of the data in addition to the HTML: something like
var items = [{searchspace: "The item title\nThe item description", id:123}, {searchspace: "Another item\nWith description.", id:456}];
My searchable items could be ….

I can then just loop over this array and hide/show elements by id. I don’t have any benchmark numbers, but whereas looping over the DOM with 100+ items would freeze the browser for a couple of seconds, this is instantaneous.