Hi All,
Today we've released a new version of the jQuery ListNav plugin that we
released in late 2008. This plugin creates a letter-based navigation bar
(ie: A | B | C | etc.) for any UL or OL list. Clicking a letter in the
navigation bar filters the list to show only items that start with the
letter. When a user hovers over a navigation letter, an optional 'count'
appears above the letter, signifying how many items are under that
letter. Letters that have no items under them appear as "disabled" (via
a CSS class you can set).
Full info:
http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
Direct to demos:
http://www.ihwy.com/Labs/demos/current/jquery-listnav-plugin.aspx
New features in this version:
1. By default, the nav bar now includes a [0-9] navigation button to
show items that start with numbers. There's an option to hide that if
you don't need it.
2. If you include the jquery.cookie plugin in your page, you can use the
new ListNav cookieName option to have the listnav control remember the
last letter your user clicked, then reload the list automatically to
that letter when they return to the page.
3. Added optional onClick handler: you can fire a custom function after
a navigation letter is clicked. The letter that was clicked is available
as an arg for your custom function.
4. Dropped a few options that had to do with forcing CSS class names on
the list: all styling is now handled purely via CSS.
5. Modified some class names used in the HTML that the plugin generates,
to provide more a more unique naming convention and additional handles
to style elements.
We enjoyed creating this new rev. There are still a few requests on our
plate, including handling of DL lists and the ability to work with any
'list' of child elements. We've got those things on our radar for future
releases.
Happy navving!
- Jack
twitter: http://www.twitter.com/ihwy_jack
