Home Bitflux Main Site Bitflux Web Search Blog (RSS) Blog (RDF)  


Livesearch got keyboard access

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.

Comments (16) TrackBack (1) PingBack (0) Permalink

» trackbacks

( The URL to TrackBack this entry is:
  http://blog.bitflux.ch/b2trackback.php/1736 )

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...
» Tracked on Duane\'s Interminable Ramblings on 04.08.04 @ 12:30:27


» pingbacks

No Pingback on this post so far.

» comments

Ned Baldessin
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 ?).
06.07.04 @ 11:19:42


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 :(

06.07.04 @ 11:37:24


Aaron Wormus
Yeh, that is really VERY cool!
07.07.04 @ 23:04:43


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 :)
08.07.04 @ 14:17:14


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.
08.07.04 @ 23:57:51



Thanks for the report, should be fixed now

09.07.04 @ 07:20:38


It doesn't work in Opera :O
09.07.04 @ 14:27:30


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
09.07.04 @ 14:31:31


Here it's killing(!) Mozilla (Both Firefox and 5.0)
Doesnt work in Galleon nor Konqueror...
Is it IE only?
09.07.04 @ 16:47:05


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


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:


first, what does grab.send() do, and why must it send a null?
11.07.04 @ 03:39:33


I'm sorry, in my last comment i used "grab"... you had it as:


again, sorry about that...
11.07.04 @ 03:40:44



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
11.07.04 @ 11:27:11


oh, so are you saying that you could do a


12.07.04 @ 01:24:55


Very cool
12.07.04 @ 08:59:20


err... anybody got my last message?
16.07.04 @ 01:11:48


» leave a comment
(Due to comment-spammers, Links wil be made non-clickable, so no need to try to improve your google ranking here ;) Inappropriate comments will be deleted anyway...)


your comment:

Auto-BR (line-breaks become <br> tags)


» return to the blog

Bitflux Blog
Ponderings from the Inner Sanctum
Latest Moblog

01.08.04 11:35:45

Blog LiveSearch:

del.icio.us bookmarks
More Blog Stuff
Developers' Blogs


CC Licensed

RSS 0.92

RSS 1.0

RSS 2.0


FOAF chregu