Adds quicksilver-like search features for links in webpages. Some web applications just have too many menus and sub-menus – instead of threading your way through them, just hit the (customizable) hotkey, type some of the letters of the target link and hit enter.

Demo: http://www.filipesabella.com/jquerysilver/demo.htm
Project page: http://code.google.com/p/jquerysilver/downloads/list
Source code: http://github.com/filipesabella/jquery.silver/tree/master

Features

• Works with any <a>, <input type="button"/> and <input type="submit"/>
• Camel case matching of links
• Optional storing of last accessed items with jquery.cookie
• Keyboard navigation: arrow keys, <enter> and number keys
• Supports custom commands, see the demo

Usage

• import jquery-1.3.2.js
• import jquery.hotkeys-0.7.9-1.js
• optionally import jquery.cookie.js to enable last opened items
• import jquery.silver-1.0.js
• import jquery.silver.css or custom css
• include $().silver() or $(‘#menu’).silver() at jquery startup to initialize
• hit ctrl+shift+space (or shift+space in opera) to show the dialog

Shortcuts

• <ctrl>+<shift>+<space> by default to show the dialog
• <esc> to close it
• Arrow keys for selecting items
• <enter> to open selected item or first item if none selected
• number keys to open the respective item
• ‘:’ to show available commands
• <tab> to autocomplete commands

1.1 release notes

• Added support for image links
• Added support for commands autocomplete
• Fixed bug when executing an invalid command

About

I have now learned to hate keyboard events incompatibilities.

The first version for FireFox only took four hours of development. Making it work in Opera and Safari took another eight. Not pretty.

You can find the full source at GitHub.

Suggestions and bugs are welcome.

This entry was posted on Friday, July 10th, 2009 at 08:13 and is filed under javascript. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.