Do you train Kung Fu?
Or know someone who does?
Then check out KungFuPeople.com
Mobile version of this pageThe Geeks Revenge
Next:
IssueTrackerProduct 0.6.6
Related blogs
Drop down selects that learnCareful when dealing with options in IE
XMLHttpRequest Javascript usage example
Plone.org calls it Issue Tracker
ToDo apps I gave up on in 2010
Related by category
Web development
Better select boxes for issue tracker
http://www.peterbe.com/plog/better-select-boxes/demo.html29th of April 2005
If you look at the Add Issue form on the Demo issue tracker you should see the three select boxes (aka. drop downs) and if these become too long they tend to be difficult to use. Here's a potential solution that; I just need to know what you people thing about it's usability.
I use onfocus() and onblur() to change the size attribute of the select input element thus temporarily giving the user a bigger workspace. Please have a play on this demo page and return here after for feedback.
The disadvantage with this, in terms of usability, is that it's unexpected and might not work exactly the same in all browsers. When the drop down expands it also shifts all surrounding content downwards which might make the user feel dizzy when the page "flickers".
Personally I think it's a great feature because drop downs are often difficult to work with if there are many options and the size is small. Another advantage which this "hack" is that it degrades perfectly in browsers that don't support javascript and it works independently of the mouse.
Comment
Incremental search (with a text box above the select) is another way to handle the same basic issue, I think.
When you start typing, it starts filtering the choices. So in Javascript you'd look for onkeypress or something, and then do a substring search of the contents of the select, and hide any options that didn't match what was in the box.
OK, it's unexpected, but one gets the hang of it real fast. It's very logical to see what happens. Nice, I would say.
Update. Just checked. It works in IE6.