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

06.07.04

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

 

Chregu
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
06.07.04 @ 11:37:24

 

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

 

Gugod
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

 

Tim
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

 

chregu
Tim

Thanks for the report, should be fixed now

chregu
09.07.04 @ 07:20:38

 

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

 

chregu
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

 

Flavio
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

 

chregu
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

 

paintbrush
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?
11.07.04 @ 03:39:33

 

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

liveSearchReq.send(null)

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

 

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

 

paintbrush
oh, so are you saying that you could do a

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

?
12.07.04 @ 01:24:55

 

Viper_SB
Very cool
12.07.04 @ 08:59:20

 

paintbrush
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...)

name

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
Archives
More Blog Stuff
Friends
Developers' Blogs

Buttons

CC Licensed

RSS 0.92

RSS 1.0

RSS 2.0

GEO URL

FOAF chregu