Dave Joyce wrote:
http://stuff.exit42design.com/grabup/475e4d0e25eaf92eefcecdd23af0b0c6.png
It's an alphabetical list of letters down the left column. When you hover
over those letters, a list in a block on the right side (with overflow
hidden) moves up or down to the letter that's being hovered over. It's sort
of reminiscent of the iPhone alphabetical list on the right side of the
screen.
This question inspired me to a very rough draft of a plug-in that takes
an alphabetized list, extracts the initial letters and creates a
navigation list much like you described. It is very rough, but might be
workable for you:
http://scott.sauyet.com/Javascript/Demo/2009-06-06a/
This depends on Ariel Flesler's ScrollTo plug-in and Brian Cherne's
hoverIntent plug-in.
The nice thing is that the markup and the JS are very simple:
<ul id="make">
<li>Acura</li>
<li>Alfa Romeo</li>
<!-- ... -->
</ul>
$("#make").alphaList();
As a generic plug-in this would take much more work, but I think the
skeleton is there. There is only one option right now, which lets you
choose whether a scrollbar show up. By default it's false.
$("#make").alphaList({scrollbar: true});
-- Scott
