Menu
Ok, I’m not sure if this is possible, but I want to see what everyone’s approach would be.
I have a little button on my page labeled “Category Chooser”, and when you click it, a scrolling div pops up and is populated with available categories from a DB. Something like this:
[CODE]
<div style=”height: 400px; width: 100px; overflow: auto;”>
<input type=”checkbox”>a</input>
<input type=”checkbox”>b</input>
<input type=”checkbox”>c</input>
<input type=”checkbox”>d</input>
</div>
but I have lots and lots of categories in alphabetical order….
Would it be possible to have some sort of script that listened for key events — and lets say I press the letter ‘s’, the scrolling div would jump down to the first option that begins with the letter ‘s’?
Not sure if this can be done, or if there are any other options. Bascially I’m trying to speed up the selection process for my users, because this list is rather lengthy… and the user HAS to be able to pick multiple categories. I am aware that <select> elements do this, but I have limited real-esate on the page, and multiple selects just aren’t going work.
Thanks in advance.