PhotoAlbum Application Download Support Developer Guide
Skins:
Resources/Beans Handling
Ajax Miscellaneous
Usage
Tag Information

The hotKey component allows registering hot keys on the page or particular elements and defining client side processing functions for these keys.

Main component attributes are:

  • key - hot key definition ("up", "ctrl+a", etc...)
  • handler - defines callback function for this hotKey
  • selector - JQuerry selector, defines elements which will process defined hotKey(html[0] by default)

First example shows you simple hotKey components usage. In order to enlarge or reduce image size - press CTRL + Up/Down combinations. and in order to browse between images - use CTRL + left/right keys.

Hot Key example
Image 1


View Source

In next example we've used selector attribute. Hence the keys will work only if listShuttle component is focused.

Press right or left keys in order to move some selected items between lists. Press Home or End buttons in order to move all items between lists.

Targeted Hot Key example
State flag
State capital
  Alabama
  Alaska
  Arizona
  Arkansas
  California
  Colorado
  Connecticut
  Delaware
  Florida
  Georgia
  Hawaii
  Idaho
  Illinois
  Indiana
  Iowa
  Kansas
  Kentucky
  Louisiana
  Maine
  Maryland
  Massachusetts
  Michigan
  Minnesota
  Mississippi
  Missouri
  Montana
  Nebraska
  Nevada
  New Hampshire
  New Jersey
  New Mexico
  New York
  North Carolina
  North Dakota
  Ohio
  Oklahoma
  Oregon
  Pennsylvania
  Rhode Island
  South Carolina
  South Dakota
  Tennessee
  Texas
  Utah
  Vermont
  Virginia
  Washington
  West Virginia
  Wisconsin
  Wyoming
Copy
Remove
Remove All
State flag
State capital
First
Up
Down
Last


View Source
RichFaces Wiki RichFaces Project Site