The yesterday introduced incremental livesearch here on this page got now keyboard access. Go to the search field, search for something (without hitting return), and then use the up/down cursor keys and now hit return... Improves usability a looot, IMHO. Should work in Mozilla, Safari and IE, but bug reports are welcome ;)

Update: There's now a LiveSearch Roundup and a wiki page for the whole project. Please visit them, if you're further interested in the project.

Ned Baldessin @ 06.07.2004 13:19 CEST
This is brilliant.

Some small UI suggestions :

- You might want to change "Nothing found" by "No title found", to indicate that the search was only performed on titles.

- You might want to add some depth (drop shadow ? different background color ?) to the result list, so it isn't confused with the navigation below it.

- Ideally, the UP and DOWN keys should repeat if the user keeps the key pressed. I have no idea if it's doable in JS or not (maybe with timers, etc ?).

Chregu @ 06.07.2004 13:37 CEST
Thanks for your feedback

- "Nothing found" is changed

- Yep, different background is needed, will make some tests to see what looks best

- key repeat: works on mozilla, couldn't make it work for IE and Safari :(

chregu

Aaron Wormus @ 08.07.2004 01:04 CEST
Yeh, that is really VERY cool!

Gugod @ 08.07.2004 16:17 CEST
Hello, I port this feature as a
kwiki (http://kwiki.org) plugin.
And it works very fine.

Here's my demostration of your LiveSearch
on kwiki: http://kwiki.gugod.org/

Thanks for writing such a good program :)

Tim @ 09.07.2004 01:57 CEST
You've got an issue when pressing the up arrow in IE 6 with debugging turned on. It throw an error with the isGecko function.

chregu @ 09.07.2004 09:20 CEST
Tim

Thanks for the report, should be fixed now

chregu

Matt @ 09.07.2004 16:27 CEST
It doesn't work in Opera :O

chregu @ 09.07.2004 16:31 CEST
Matt, you're not the first to complain about that, but it's is not fault ;)

See also http://blog.bitflux.ch/p1735.html#c972 where I answered that already

Flavio @ 09.07.2004 18:47 CEST
Here it's killing(!) Mozilla (Both Firefox and 5.0)
Doesnt work in Galleon nor Konqueror...
Is it IE only?

chregu @ 09.07.2004 19:10 CEST
Flavio, it works fine here on Mozilla and Firefox. It's certainly not IE only ;) Konqueror does not work, AFAIK.

paintbrush @ 11.07.2004 05:39 CEST
I looked through the code and it looks fantastic. I've perused the code a few times over to make sure i got how it worked, but I have one stumper. why do we need the line:

grab.send(null);

first, what does grab.send() do, and why must it send a null?

paintbrush @ 11.07.2004 05:40 CEST
I'm sorry, in my last comment i used "grab"... you had it as:

liveSearchReq.send(null)

again, sorry about that...

chregu @ 11.07.2004 13:27 CEST
paintbrush

null means that there's no content in the request... you could add here some content, for example the search string instead of adding that to the GET query string.

Hope that helps

paintbrush @ 12.07.2004 03:24 CEST
oh, so are you saying that you could do a

liveSearchReq.open("GET","thephpfile.php");
liveSearchReq.send("s="+query);

?

Viper_SB @ 12.07.2004 10:59 CEST
Very cool

paintbrush @ 16.07.2004 03:11 CEST
err... anybody got my last message?

Duane\'s Interminable Ramblings @ 04.08.2004 14:30 CEST (Trackback)
Dynamic auto-updating web pages with XMLHttpRequest
I've been doing a bit of web-based application coding recently, and a lot of fun it is too. One of the things I need to do is continually update simulation results on a page. Now in general this is not something that web-based applications are very go...

Pierre Yelle @ 03.06.2006 01:09 CEST
seems livesearch has stooped working with Safari and OmniWeb but still OK with Firefox and Camino on OS X 10.3.9

Any body seen this lately ??

chregu @ 03.06.2006 08:58 CEST
Still works for me here in Safari 2.0.3.

No new comments allowed (anymore) on this post.