470,630 Members | 1,953 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,630 developers. It's quick & easy.

autoexpand <select> list

VK
I'm looking for autoexpand <select> list onfocus and collapse it back
onselect/onblur (the list is select-one type)

I know it is not possible directly, but I've seen here a hack by
changing dynamically position static/absolute and sel.size - cannot
google it out though.

Also some GNU/copyleft widget would be equally great.

Dec 28 '05 #1
4 2177
VK said the following on 12/27/2005 7:01 PM:
I'm looking for autoexpand <select> list onfocus and collapse it back
onselect/onblur (the list is select-one type)

I know it is not possible directly, but I've seen here a hack by
changing dynamically position static/absolute and sel.size - cannot
google it out though.

Also some GNU/copyleft widget would be equally great.


Change its type from single to multiple and back again.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Dec 28 '05 #2
VK

Randy Webb wrote:
Change its type from single to multiple and back again.


w/o breaking surrounging layout?
Full disclosure: zero-level PC-users of average-high age - the most
difficult case I met for several years :-(
You should see what are they doing with the mouse! A circle is a line
in comparison. I want to make the interface as mouseless as possible
(hitting the right keys is overall doable by them).

Either I can make the conventional <select> to expand/collapse on
focus/blur or I need to write a DHTML pseudo-select widget (unless
already written).

Dec 28 '05 #3

VK napisal(a):
Randy Webb wrote:
Change its type from single to multiple and back again.


Either I can make the conventional <select> to expand/collapse on
focus/blur or I need to write a DHTML pseudo-select widget (unless
already written).


What about making a simple "multiple" and remove all the old selections
whenever a new one is made?

Dec 28 '05 #4
VK

bw****@gmail.com wrote:
What about making a simple "multiple" and remove all the old selections
whenever a new one is made?


No, it is not a problem to make multiple choices from one <select>.

This is select-one list(s).
<select size="1">

Two major problems:
1) The idea that the there are *more* options than the one you're
currently seeing (just scroll with arrow keys) is *not the obvious
one*. Also the idea that if the option you're seeing is white on blue
that it is in focus so you can scroll with arrows keys for more
options. Together it brings a complex intellectual challenge I would
need to clear to each user.

2) You need to click on <select> to open it. You can just scroll with
arrow keys but then you see only one option at the time, so you don't
see neither what options do you have in whole nor you remember that did
you scroll out.
I see some mouse clicks made and I don't want to see them anymore. It's
like a guy coming from the pub at Saturday night: with all possible
curbes and circles around wrong fields, <reset> and <submit>.

I want to stress out that these are not some mental cases - just people
with not PC experience. A valuable possibility to look fresh at things
we used to take for given by the way.

Any way, instead of organizing Top Mouse crash courses I would like to
have anything working as select-one list expanding onfocus and
collapsing onselect/onblur. I'm currently thinking of a DHTML menu
variant (actual selection could be kept in hidden form field) unless
there is something less complicated but reliable.

P.S. Having all select.size == select.length is ruled out as some lists
are pretty long plus the whole page gets too huge and complicated.

Dec 28 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Brian Foley | last post: by
5 posts views Thread by andreas.maurer1971 | last post: by
11 posts views Thread by Richard Maher | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.